今天来分享一个特别炫酷的文章特效，在里面可以任意的输入你想输入的文字，我们先把运行结果在在面这个当我们打字的时候会变色，给你最好的使用感和观看感，这次代码用HTML+CSS写的。<div class="container"> <h2 contenteditable="true">hello</h2> </div>一看不知道一看下一跳，在html代码只有怎么多，用一个div和一个h2标签写成的，写完html代码我们来看看运行效果怎么样把。只有一个hello和一个输入框，你们在里面看不到输入框，点击hello他就会显示出来，这样我们就用html搭建出一个简单的画面，我们接着看下面的CSS部分，加我个人微信获得更多源码，个人微信【y27724611159】。其实CSS代码也不多，就简单的47行，把CSS加入我们的html里面就会有神奇的事情发生，你会发现你把这个炫酷的发光字特效做出了了。*{ /* 初始化 */ margin: 0; padding: 0; } body{ /* 100%窗口高度 */ min-height: 100vh; /* 弹性布局 水平+垂直居中 */ display: flex; justify-content: center; align-items: center; background-color: #06252e; } .container{ /* 投影效果 */ -webkit-box-reflect: below 1px linear-gradient(transparent,rgba(0,0,0,0.2)); } h2{ color: #fff; font-size: 96px; /* 字间距 */ letter-spacing: 15px; /* 转大写 */ text-transform: uppercase; text-align: center; line-height: 76px; outline: none; /* 自定义属性--c，可通过var函数对其调用 */ --c:lightseagreen; /* 调用自定义属性--c，设置文字阴影（发光效果） */ text-shadow: 0 0 10px var(--c), 0 0 20px var(--c), 0 0 40px var(--c), 0 0 80px var(--c), 0 0 160px var(--c); /* 执行动画：动画名 时长 线性的 无限次播放 */ animation: animate 5s linear infinite; } /* 定义动画 */ @keyframes animate { to{ /* 色相旋转滤镜（设置度数可改变颜色） */ filter: hue-rotate(360deg); } }

资源简介Chevereto是一套强大社区图床系统，是目前最好的图床之一了。功能也非常强大。Chevereto的基础架构采用Web编程组合 PHP+MySQL 实现，是一个经过完善设计，适用于各种服务器环境的高效图床系统解决方案。 

基于jQuery+vue制作的一款带实时节气创意圆形罗盘时钟动画特效，旋转走动效果，非常酷炫。效果图：