博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
动画效果(兼容各个浏览器)
阅读量:6233 次
发布时间:2019-06-22

本文共 1650 字,大约阅读时间需要 5 分钟。

.destination1  .current{        display:block;        animation:danru 2s linear infinite;        -webkit-animation:danru 2s linear alternate ;        -moz-animation:danru 2s linear alternate ;        -o-animation:danru 2s linear alternate ;        -ms-animation:danru 2s linear alternate ;    }      @keyframes danru{        0%   {opacity:0.00;left:0px;   top:0px;}        25%  {opacity:0.25;left:50px;  top:0px;}        50%  {opacity:0.50;left:100px; top:0px;}        75%  {opacity:0.75;left:150px; top:0px;}        100% {opacity:1.0; left:200px; top:0px;}    }        @-webkit-keyframes danru{        0%   {opacity:0.00;left:0px;   top:0px;}        25%  {opacity:0.25;left:50px;  top:0px;}        50%  {opacity:0.50;left:100px; top:0px;}        75%  {opacity:0.75;left:150px; top:0px;}        100% {opacity:1.0; left:200px; top:0px;}    }    @-moz-keyframes danru{        0%   {opacity:0.00;left:0px;   top:0px;}        25%  {opacity:0.25;left:50px;  top:0px;}        50%  {opacity:0.50;left:100px; top:0px;}        75%  {opacity:0.75;left:150px; top:0px;}        100% {opacity:1.0; left:200px; top:0px;}    }    @-o-keyframes danru{        0%   {opacity:0.00;left:0px;   top:0px;}        25%  {opacity:0.25;left:50px;  top:0px;}        50%  {opacity:0.50;left:100px; top:0px;}        75%  {opacity:0.75;left:150px; top:0px;}        100% {opacity:1.0; left:200px; top:0px;}    }    @-ms-keyframes danru{        0%   {opacity:0.00;left:0px;   top:0px;}        25%  {opacity:0.25;left:50px;  top:0px;}        50%  {opacity:0.50;left:100px; top:0px;}        75%  {opacity:0.75;left:150px; top:0px;}        100% {opacity:1.0; left:200px; top:0px;}    }

 

转载地址:http://bhqna.baihongyu.com/

你可能感兴趣的文章
我的友情链接
查看>>
我的友情链接
查看>>
如何在手机浏览器wap网页中点击链接跳转到微信界面
查看>>
Windows VM与宿主XenServer系统时间相差8小时
查看>>
【设计模式-策略模式】
查看>>
MyEclipse设置Java代码中注释的字体颜色
查看>>
thinkphp sql debug
查看>>
ecshop控制网站首页公告条数
查看>>
css学习1-CSS 盒子模型
查看>>
系统集成资质培训 - 论文如何写-几个典型题目写作分析
查看>>
时刻提示自己
查看>>
unity 集成sdk后自动打包脚本
查看>>
datagrid 没有数据时返回什么
查看>>
Linux基础(一)--关于开源协定
查看>>
C# 双向链表LinkedList的排序
查看>>
一个学习XMPP编程的博客
查看>>
实现大图片的拖拽显示
查看>>
个人笔记
查看>>
ActiveMQ配置详解
查看>>
在微信小程序中引入Promise
查看>>