css代码:
<style type="text/css">
.mydiv{
width:250px;height:auto;border:#909090 1px solid;background:#fff;color:#333;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);/*ie*/
-moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
-webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
box-shadow:2px 2px 10px #909090;/*opera或ie9*/
}
</style>
for ie:
direction 阴影角度 0°为从下往上 顺时针方向
strength 阴影段长度
-moz-box-shadow: 2px 2px 10px #909090;
-webkit-box-shadow: 2px 2px 10px #909090;
box-shadow:2px 2px 10px #909090;
第一个参数是x轴阴影段长度
第二个参数是y轴阴影段长度
第三个参数是往四周阴影段长度
第四个参数是阴影段颜色
div代码:
<div class="mydiv">
123123213123
</div>
效果图:
相关推荐
css阴影效果
div阴影 css阴影 代码 直接加class="Shaowdiv"就ok
提供了一种漂亮美观的按钮、输入框CSS片段,具有扁平化的动画效果。
最新简单 几种常见的CSS阴影效果代码
在网页设计中常常要使用到阴影效果,通过阴影效果可以很好的突出一个元素,在 CSS3 出现之前,我们想要为文本或者元素添加阴影效果需要借助图像才能实现,很不方便。而 CSS3 出现之后,我们通过 text-shadow 和 box-...
纯CSS3实现的各种阴影效果,无需图片和js代码即可实现图片、按钮等元素的阴影效果,完全通过样式控制阴影大小、方向和深度,经测试效果相当不错非常酷。
使用DIV+CSS达到文字阴影的一个效果代码!
css兼容包-CSS圆角、阴影!适用于任何浏览器
box-shadows.css是一款集成了53种CSS3阴影效果的CSS样式库。使用box-shadows.css阴影养生库,你只需要在元素上添加相应的class类,既可以快速的生成相应的阴影效果。
css圆角,阴影,支持ie/firefox/chrome等全部浏览器
React滚动阴影 纯CSS阴影指示可滚动区域中的更多内容演示版 :popcorn: 安装 :rocket: $ yarn add react-scroll-shadow用法 :pick: 基本的import ScrollShadow from 'react-scroll-shadow' ;< ScrollShadow> Content&...
简要介绍了文本阴影和盒子阴影的属性,里面有着更改文本阴影属性值和盒子阴影属性值的图例,方便对比更改后的属性值。
body, td, div, a, input { font: menu; //这里可以加www.0757wz.com/bg.jpg背景 line-height: 180%; }
css阴影效果
今天给大家推荐一款类似lightbox弹出界面的效果。需要在支持CSS3属性的浏览器下浏览
本文主要介绍了css阴影效果实现方法,大家参考使用吧,方法很简单,只要把下面的类加到DIV上就可以了
css 笔记 包括 滤镜 阴影 圆角css 笔记 包括 滤镜 阴影 圆角css 笔记 包括 滤镜 阴影 圆角css 笔记 包括 滤镜 阴影 圆角css 笔记 包括 滤镜 阴影 圆角
我个人博客里面所用的资源,不是什么好东西。不幸被亲搜到,耽误你的时间了。抱歉!
这是一款Material Design风格阴影特效。该阴影效特效中提供了5种不同大小的阴影效果,使用它们可以制作出非常漂亮的Material Design风格阴影动画效果。
CSS3文字变形3D阴影效果,纯CSS3代码,3D文字,文字阴影特效。