CSS3 投影代码示例:从基础到高级应用
以下是一些 CSS3 投影代码的示例:
- 添加黑色的投影:
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.75);
- 添加红色的投影:
box-shadow: 0 0 10px #ff0000;
- 添加多个投影:
box-shadow: 0 0 10px #ff0000, 0 0 20px #00ff00;
- 添加内部投影:
box-shadow: inset 0 0 10px #000000;
- 添加悬浮效果:
box-shadow: 0 0 10px #ff0000; transition: box-shadow 0.3s ease-in-out;
- 添加边框投影:
box-shadow: 0px 0px 0px 3px #ff0000;
- 添加文本投影:
text-shadow: 2px 2px 4px #000000;
- 添加投影到图片:
img { box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.75); }
原文地址: https://www.cveoy.top/t/topic/lMcD 著作权归作者所有。请勿转载和采集!