以下是一些 CSS3 投影代码的示例:

  1. 添加黑色的投影:

box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.75);

  1. 添加红色的投影:

box-shadow: 0 0 10px #ff0000;

  1. 添加多个投影:

box-shadow: 0 0 10px #ff0000, 0 0 20px #00ff00;

  1. 添加内部投影:

box-shadow: inset 0 0 10px #000000;

  1. 添加悬浮效果:

box-shadow: 0 0 10px #ff0000; transition: box-shadow 0.3s ease-in-out;

  1. 添加边框投影:

box-shadow: 0px 0px 0px 3px #ff0000;

  1. 添加文本投影:

text-shadow: 2px 2px 4px #000000;

  1. 添加投影到图片:

img { box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.75); }

CSS3 投影代码示例:从基础到高级应用

原文地址: https://www.cveoy.top/t/topic/lMcD 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录