码迷,mamicode.com
首页 >  
搜索关键字:box-shadow    ( 588个结果
jQuery和CSS3打造逼真的图片放大镜效果
这是一款效果非常逼真的jQuery和CSS3超逼真的图片放大镜特效。该图片放大镜特效使用CSS3的box-shadow和border-radius实现来制作放大镜的样式,使用jQuery来获取当前鼠标的坐标系,并修改当前坐标系的背景图像。 在线演示: 下载地址:http://www.htmleaf.com/jQuery/Image-Effects/201503171533.html...
分类:Web程序   时间:2015-03-18 14:08:25    阅读次数:199
常用的css
产品鼠标经过加边框效果.productsCol:hover{box-shadow:0 0 0 3px#333333inset;transition:all 0.2s ease 0s;}----------------------------------------------------------...
分类:Web程序   时间:2015-03-02 10:54:57    阅读次数:146
css实现div框阴影
filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4); -moz-box-shadow: 2px 2px 10px #909090; -webkit-box-sha...
分类:Web程序   时间:2015-02-28 18:23:42    阅读次数:125
html+css实现图片滑移效果
ChouTiZhanShi.html --> body{background:url("img/bg.jpg")no-repeat} *{margin:0px; padding:0px;} #imgs{width:1218px ; height:233px ;border-radius:9px; box-shadow:0px 0px 8p...
分类:Web程序   时间:2015-02-26 10:06:06    阅读次数:183
div+css实现效果和
MyHtml.html --> *{margin:0px;padding:0px} #header{width:1300px;height:37px;border:1px solid #F00;margin:0px auto; box-shadow:3px 2px 15px #000000;border-radius:3px;overflow...
分类:Web程序   时间:2015-02-26 10:05:27    阅读次数:192
html+css图片2D旋转
MyHtml.html *{margin:0px 0px;padding:0px 0px;} .page{width: 1040px; height: 330px; background:rgba(212, 99, 38, 1); box-shadow: 1px 1px 10px rgba(153, 129, 26, 1); ...
分类:Web程序   时间:2015-02-26 10:03:00    阅读次数:351
html+css实现图片转动
MyHtml.html *{margin:0px 0px;padding: 0px 0px;} .main{width:1300px; height:740px;box-shadow:0px 0px 6px #000; margin:15px auto;position:relative;} .main .pic{width:720px;he...
分类:Web程序   时间:2015-02-26 10:01:27    阅读次数:209
html+css实现3D旋转图片展示
MyHtml.html --> *{margin:0px ; padding:0px} body{background:url("imgs/bg.jpg")} .list{width:1200px; height:700px;background:rgba(0,0,0,0.3 ); box-shadow:0px 0px 5px #000;...
分类:Web程序   时间:2015-02-25 18:40:59    阅读次数:246
CSS3学习笔记
这两天的CSS3学习笔记: 慕课网课程地址: http://www.imooc.com/learn/33 笔记: 边框: 圆角效果border-radius:同border相同的缩写方式;阴影box-shadow: 参数说明: 说明: 单位除了用px也可以用百分比;多个阴影:用逗号隔开即可;模糊半径与扩展半径的区别: 阴影模糊半径:此参...
分类:Web程序   时间:2015-02-23 09:43:44    阅读次数:200
2.3 CSS盒子模型
1. 盒子模型 2. CSS边框 border-radius 圆角边框 box-shadow 边框阴影3. CSS外边距合并 遵循 选取两个margin较大的 的原则4. 基本应用 盒子模型 ...
分类:Web程序   时间:2015-02-10 22:52:50    阅读次数:208
588条   上一页 1 ... 50 51 52 53 54 ... 59 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!