CSS3+HTML5学习笔记（1）

最新推荐文章于 2025-01-20 14:24:21 发布

weixin_34357267

最新推荐文章于 2025-01-20 14:24:21 发布

阅读量64

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xinlinux/p/3986484.html

本文深入探讨了CSS中的阴影应用与背景渐变效果，包括如何使用-moz-box-shadow、-webkit-box-shadow和box-shadow实现盒阴影，以及如何通过text-shadow创建多层文字阴影。同时介绍了如何设置背景渐变，包括起始颜色、过渡颜色和终点颜色的参数设定，为网页设计提供视觉上的丰富体验。

box内阴影：

　　-moz-box-shadow:inset 0 0 30px #000000;
　　-webkit-box-shadow:inset 0 0 30px #000000;
　　box-shadow:inset 0 0 30px #000000;


多重文字阴影：



text-shadow: 0px 1px #ffffff,4px 4px 0px #dad7d7;


背景渐变:


background: linear-gradient(30deg, red 30%, #e4e4e4 70%, #ffffff 100%);

*注:  垂直方向     起始颜色     过度颜色    终点颜色