css
ChinaLzw
#很少有人会主动接受自己的“输”,因为对大多数人来讲,“输”就等于失败。#
展开
-
推荐CSS3动画插件
AOS.js页面滚动动画库立即传送>>>ANIMATE.CSS 开源CSS动画库立即传送 >>>WOW.js – 让页面滚动更有趣立即传送 >>> 演示传送 >>>原创 2021-09-01 11:14:45 · 600 阅读 · 0 评论 -
CSS 隐藏滚动条,还可以滚动
body{ overflow-y: scroll; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */}body::-webkit-scrollbar { /* WebKit */ width: 0; height: 0;}原创 2021-08-26 18:26:18 · 107 阅读 · 0 评论 -
css3 监控横屏,内容旋转90度
@media screen and (orientation : landscape) { html { width: 100vh; height: 100vm; transform: rotate(90deg); transform-origin: 50vw 50vw; }}原创 2021-05-16 10:34:24 · 892 阅读 · 0 评论 -
css中position:fixed实现div居中
上下左右 居中代码如下 1 div{ position:fixed; margin:auto; left:0; right:0; top:0; bottom:0; width:200px; heigh...转载 2019-08-12 16:36:03 · 862 阅读 · 0 评论 -
关于position:fixed;的居中问题
转自:https://www.cnblogs.com/zywaf/p/7217102.html?utm_source=itdadao&utm_medium=referral通常情况下,我们通过操作margin来控制元素居中,代码如下:#name{ maigin:0px auto;}但当我们把position设置为fixed时,例如:#id{ positi...转载 2018-12-25 17:24:09 · 1108 阅读 · 0 评论 -
炫技!超酷的HTML 3D动态效果
Wanna tell her - interactive DHTMLhtml {overflow: hidden;}body {position: absolute;margin: 0px;padding: 0px;background: #fff;width: 100%;height: 100%;}#screen {position: absolute;left:转载 2017-08-20 20:49:22 · 1351 阅读 · 0 评论 -
图片自动按比例缩小代码(防止页面被图片撑破)
//缩放图片到合适大小function ResizeImages(){ var myimg,oldwidth,oldheight; var maxwidth=550; var maxheight=880 var imgs = document.getElementById('article').getElementsByTagName('img'); //如果你定义转载 2017-08-20 20:47:55 · 363 阅读 · 0 评论 -
模仿MSN消息提示的效果
类似MSN提示的页面效果看到右下角的提示了吗?如果没有看到,刷新一下window.onload = getMsg;window.onresize = resizeDiv;window.onerror = function(){}//短信提示使用(asilas添加)var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,o转载 2017-08-20 20:38:22 · 189 阅读 · 0 评论 -
css3边框阴影效果
作者:艺灵设计 | 来源:http://www.yilingsj.com | 时间:2013-08-04 17:35:27 | 评:1 | 阅:28372 | 积分:0网页中的阴影效果给人一种朦胧的感觉,一个设计者在设计页面时经常会用到阴影,圆角,半透明,渐变等效果.而对于好看的效果在网页实现中却显得很棘手.而这些棘手的问题在css3下一切都已经不是问题.下面以本站的阴影效果为例,转载 2016-05-17 14:05:10 · 1000 阅读 · 0 评论 -
div、css圆形头像
1578****854 CSS3圆形头像 header.png效果图原创 2016-04-27 09:37:30 · 6048 阅读 · 0 评论 -
CSS从大图中抠取小图完整教程(background-position应用)
相信很多喜欢研究网页界面的童鞋都遇到过一个奇妙的现象:网页中很多图片素材被合成在一张图片上。 起初小菜模仿网站的时候,经常遇到这个现象,那时候也不知道这时什么技术,人家的整张图片素材不会利用,只能用ps切图,切成单个的再用。。。 其实,这是一个非常简单的技术,就是因为想象的太难了,才一直找不到问题的关键。 要想实现CSS抠图,转载 2015-10-20 10:58:06 · 692 阅读 · 0 评论 -
JS ajax查询数据并返回,将数据加载到HTML Table
html CODE...............................................原创 2015-04-28 14:32:09 · 9214 阅读 · 0 评论 -
DIV+CSS投影效果
QQ:285679784 欢迎加入技术交流QQ群80669150 (附加信息:珠海 -"Lzw )一起学习 !转自 免费模板网http://www.wangjie.org/演示效果截图 CSS代码.out { position:relative; background:#bbb; margin:10px auto; width:2转载 2015-01-30 14:19:00 · 1635 阅读 · 0 评论 -
美观大气的css圆角边框
QQ:285679784 欢迎加入技术交流QQ群80669150 (附加信息:珠海 -"Lzw )一起学习 !转自 免费模板网http://www.wangjie.org/演示效果截图 css菜单介绍非常好的CSS圆角边框,让您的网站比其它的网站更具个性元素.三个不同大小的圆角边框,都调用了同一个CSS样式,只是width属转载 2015-01-30 14:30:06 · 1689 阅读 · 0 评论 -
利用css的clear属性实现文字环绕图片效果
QQ:285679784 欢迎加入技术交流QQ群80669150 (附加信息:珠海 -"Lzw )一起学习 !转自 免费模板网http://www.wangjie.org/演示效果截图HTML代码 <div style="float:left;height:250px;width:250px; clear:left;ba转载 2015-01-30 14:25:09 · 2199 阅读 · 0 评论