css3外发光效果怎么做

作者:小橘猫 | 创建时间: 2023-07-14
现在html5和css3已经和多网站在用了,下面小编就来介绍一下css3外发光效果怎么做,一起来了解一下吧。...
css3外发光效果怎么做

操作方法

首先来讲一下css3发光效果分为两种,一种是元素外发光,一种是文字外发光,对应的属性名称分别为box-shadow和text-shadow。 语法: box-shadow: h-shadow v-shadow blur spread color inset; text-shadow: h-shadow v-shadow blur color;

然后我们新建一个html文档,小编用的是sublime text3,用html5文档类型。

然后写好主要的css和html结构,小编用的白色阴影黑色背景,看的清楚一些。

用浏览器打开看一下效果,注意要用现代浏览器,因为IE8及以下浏览器不支持css3,IE9不支持text-shadow。

文字外发光写法类似,效果如图。

利用css3可以做出很多酷炫的效果。

点击展开全文

更多推荐