我正在一个项目,我需要修改在500多个图像,以给悬空的悬停效果。我将需要修改每个图像给外部发光。这将是一个非常耗时的任务。
是否有可能给这个outerglow效果瓶图像使用CSS3的任何技巧?
这只是一个图像的示例,其他图像具有不同的大小和形状。
解决方法
这可以使用过滤器(Box-shadow)来完成。看看
http://demosthenes.info/blog/598/boxshadow-property-vs-dropshadow-filter-a-complete-comparison
这里是一个演示http://jsfiddle.net/jaq316/EKNtM/
这里是代码
<style> .shadowCSS { Box-shadow: 12px 12px 7px rgba(0,0.5); } .shadowfilter { -webkit-filter: drop-shadow(12px 12px 7px rgba(0,0.5)); filter: url(shadow.svg#drop-shadow); } .bottleimage {width: 500px;} </style> <img src="http://upload.wikimedia.org/wikipedia/commons/c/ce/Coca_Cola_Zero_bottle.png" class="shadowfilter bottleimage"/>
原文地址:https://www.jb51.cc/css/221191.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。