【生意多】-免费发布分类信息
当前位置: 首页 » 新闻 » 教程 » 正文

使用css设置div块实现阴影呈现3d效果

放大字体  缩小字体 发布日期:2020-09-12 21:27:03    浏览次数:10
导读

  最近闲来无聊,突然想着,自己在项目中,有的时候会需要一些稍微炫酷点的界面实现,然后当时也都是为了把效果实现,然后也没有认真的去研究学习,所以很多时候都是这个任务完成了,也就完成了。没有把相应的知识点给认真研究学习和巩固。  前几天项目中用到的一个就是要实现界面的某个模块呈现阴影,这样给人有种3d的

  最近闲来无聊,突然想着,自己在项目中,有的时候会需要一些稍微炫酷点的界面实现,然后当时也都是为了把效果实现,然后也没有认真的去研究学习,所以很多时候都是这个任务完成了,也就完成了。没有把相应的知识点给认真研究学习和巩固。

  前几天项目中用到的一个就是要实现界面的某个模块呈现阴影,这样给人有种3d的感觉,然后当时主要用到的点其实就一个:box-shadow,这个css的属性,也是自己第一次用到的,当时因为自己懒也就没有认真学习了。现在就把该点好好记录下来。

  注意:该属性把一个或者多个下拉阴影添加到框上,该属性是一个用逗号分隔阴影的列表,每个阴影由2-4个长度值,一个可选的颜色值和一个可选的inset关键字来规定。

 
关键词: div 阴影效果
(文/小编)
打赏
免责声明
• 
本文为小编原创作品,作者: 小编。欢迎转载,转载请注明原文出处:http://www.31duo.com/news/show-530994.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们。
 

(c)2016-2019 31DUO.COM All Rights Reserved浙ICP备19001410号-4

浙ICP备19001410号-4