NEWS

建站资讯

css3的box-shadow属性怎样实现图片的阴影效果

新闻资讯编辑:【三行广州网站建设www.3gonet.com】 发布时间2013.9.11.浏览数:3075
css3的box-shadow属性怎样实现图片的阴影效果 , 广州网站建设www.3gonet.com三行网络 为您详细介绍 - 请往下阅读》

css3的box-shadow属性怎样实现图片的阴影效果

css3的box-shadow属性怎样实现图片的阴影效果

如何使用box-shadow, border-radius 和 transition创建不同图片样式效果。

广州网站建设http://www.3gonet.com/为大家介绍下:css3的box-shadow属性实现图片阴影效果的代码

.normal img {
border: solid 5px #000;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
}

本文由广州网站建设公司-三行网络原创,转载请保留版权( 广州网站建设www.3gonet.com三行网络——专注于企业网站建设、响应式营销型网站定制,欢迎来电咨询!热线:020-85628720 【微信:15989229398】

标签: css3的box-shadow属性怎样实现图片的阴影效果

上一篇:外贸企业网站怎样做好google推广    下一篇:外贸英文网站设计——啥样子?老外比较喜欢!

css3的box-shadow属性怎样实现图片的阴影效果

微网站Webapp 三行网络专业订制开发微信网站制作,让微信公众账号实现微菜单、微活动、微会员、微商城等功能,打造炫丽的企业微网站!公众平台搭配"微网站",犹如虎添翼!在保留公众平台所有优势的前提下,提升展示形象,更好的与客户互动。