如何使用css3实现字体内发光效果
用法css3实现字体发光效果原理

        首先我们要输入需要加入特效的文本。

        然后我们需要了解的是css3中本身没有发光特效的属性，但是我们可以通过text-shadow属性实现发光效果，那么我们现在着重介绍一下text-shadow属性。

        text-shadow属性的基本语法：text-shadow：h-shadowv-shadowblurcolor；

        h-shadow:水平阴影的位置(阴影水平偏移量)，可为负值。v-shadow:垂直阴影的位置(阴影垂直偏移量)，可为负值。

        blur:阴影含糊的距离(默认为0)。

        color:阴影彩，普通默认为字体的彩。

        此外我们还可以用法text-shadow的另外一个特性：同时设置多个阴影(用法逗号分隔设置多个阴影)。这个特性临时不做过多的介绍。

        用法css3实现字体发光效果实例

       

       

       

text align center       

        发光字体

        p{color:0F9;font-size:36px;text-align:center;transition:all0.1s;

        text-shadow:1px1px1px00FF00;}

        p:hover{text-shadow:6px6px6px00FF00;}

       

       

        PHP中文网


       

       
   
   
   

     

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。