CSS实现跨浏览器兼容性的盒阴影效果
2015-08-17 09:08
627 查看
.shadow { -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); }HTML
<img class="shadow" src="images-url" />
相关文章推荐
- 重温 w3cshool css3
- CSS3属性box-flex
- 处理显示列表字段长度过长 页面变型问题
- html+css乱炖
- CSS基础知识整理一
- Dialog对话框的四种显示样式
- css总结
- css3围绕圆形旋转思路
- CSS样式 初学
- 项目实战之玩转div+css制作自定义形状
- CSS Alignment:元素对齐问题
- 使用css保持一定宽高比例
- CSS布局--transform应用(矩形旋转、缩放、倾斜、滚动、3D转换)代码
- 通用 CSS 笔记、建议与指导
- Html样式表
- CSS Line Box:溢出与折行
- css滤镜实现页面灰色黑白色效果代码
- CSS中背景图像
- CSS3 timing-function: steps()介绍
- 02---CSS整理