css文字闪光特效,利用js css3实现文字闪光滑过动画特效

特效描述：利用js css3实现文字闪光滑过动画特效。利用js css3实现文字闪光滑过动画特效

代码结构

1. HTML代码

body{background:#222;text-align:center;}

#phone{width:1100px;margin:0 auto;display:inline-block;margin:50px;font-size:150px;font-weight:bold;color:rgba(255,255,255,0.3); background:-webkit-linear-gradient(-30deg,rgba(255,255,255,0) 100px,rgba(255,255,255,1) 180px,rgba(255,255,255,1) 240px,rgba(255,255,255,0) 300px) -300px 0 no-repeat; -webkit-background-clip:text;}

51前端

var ph=document.getElementById("phone");

var otime=null;

var num=-300;

function tomove(){

otime=setInterval(function (){

num+=10;

if(num==1100)

{

num=-300;

clearInterval(otime);

}

ph.style.backgroundPosition=num+"px 0px";

},20)

}

tomove();

setInterval(function(){

tomove();

},3000);

css文字闪光特效,利用js css3实现文字闪光滑过动画特效相关推荐

html动画图片重叠,CSS3炫酷堆叠图片展示动画特效
这是一款效果的CSS3炫酷堆叠图片展示动画特效.该堆叠图片展示效果是将一组图片堆叠在一起,然后以各种CSS动画效果来切换最上面的一张图片.该特效将使用纯CSS3制作,它可以在所有现代浏览器和移动设备上 ...
html5圆圈闪烁,html5 css3圆形波浪百分比加载动画特效
一款简单漂亮的html5 css3圆形波浪百分比加载动画特效,非常好看的波浪滚动上升动画效果,也可用于百分比展示. 查看演示下载资源: 28 次下载资源下载积分: 20 积分 js代码 var ...
CSS3实现3D魔方翻转网页动画特效
CSS3实现3D魔方翻转网页动画特效 <link rel="stylesheet" type="text/css" href="square.c ...
php窗帘excel,H5+CSS3逼真的窗帘拉开收起动画特效
H5+CSS3逼真的窗帘拉开收起动画特效 html { box-sizing: border-box; } *, *::after, *::before { box-sizing: inherit; ...
html5文字飞入插件,jquery使用CSS3实现文字动画效果插件Textillate.js
jquery使用CSS3实现文字动画效果插件Textillate.js Textillate是一款基于CSS3动画效果的 JavaScript 库,您可非常轻轻松地把这些动画效果应该于网页中的任何文字 ...
js+css3多个爱心层叠波浪动画js特效
下载地址基于js+css3绘制的多个爱心层叠波浪动画特效,多个爱心层叠弹性动画效果. dd:
html广告条效果,css3炫酷网站banner广告动画特效
这是一款可以用来遮罩网站banner或广告的动画特效插件.该特效使用的是 CSS3 animations.注意不是所有的浏览器都支持 CSS3 animations.如果你对 CSS3 animati ...
html5 css3炫酷效果,28种纯CSS3炫酷loading加载动画特效
这是一组效果非常炫酷的纯CSS3 Loading加载动画特效.这组loading动画共有27种不同的效果.每一种loading动画都是通过CSS3的keyframes帧动画来完成的,每一个加载动画都构 ...
html适合app的登陆页面,纯CSS3创意手机APP登录界面动画特效
这是一款使用纯CSS3制作的效果非常有创意的手机APP登录界面动画特效.该特效在用户点击登录按钮之后,按钮变形为一个小球图标,并且小球会上下弹跳,之后小球会落入界面底部成为一个图标按钮. 使用方法 H ...
html 气泡动画效果,css3实现好看的气泡按钮动画特效
CSS3在我们网页设计中是最关键的一环,为什么这么说呢?我们在浏览别人的网站时,经常会看到特别好看的动画效果,比如一个按钮啊,一个图片啊,每次看到都能够让人有种赏心悦目的感觉,这就使网站更具有吸引力和 ...

css文字闪光特效,利用js css3实现文字闪光滑过动画特效

css文字闪光特效,利用js css3实现文字闪光滑过动画特效相关推荐

最新文章

热门文章