博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[css3]跑马灯
阅读量:6195 次
发布时间:2019-06-21

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

纯CSS3生成的走马灯效果

纯CSS3生成的走马灯效果

/* 定义一个走马灯动画 */@-webkit-keyframes marquee {    0% { left: 0; }    100% { left: -100%; }}@keyframes marquee {    0%{left:0}    100%{left: -100%}}.marquee {    height: 30px;    overflow: hidden;    position: relative;}.marquee div {    display: block;    width: 200%;    height: 30px;    position: absolute;    overflow: hidden;    -webkit-animation: marquee 4s linear infinite;    animation: marquee 4s linear infinite;}

 

转载于:https://www.cnblogs.com/zhangwenkan/p/5802016.html

你可能感兴趣的文章
业务中台探索和实践:软件的根本问题
查看>>
云平台宕机引发的系列思考,企业如何自救?
查看>>
LFE将Lisp编程带到Erlang虚拟机上
查看>>
QCon北京2015:移动开发最佳实践专题前瞻
查看>>
Trello中的Scrum
查看>>
Thanos如何让Prometheus更易用?
查看>>
Kubernetes上的十大应用程序
查看>>
Gartner有关Java EE正在消亡的报告是否太言过其实了?
查看>>
使用Mono将C#编译运行至WebAssembly平台
查看>>
一文带你快速读懂.NET CLI
查看>>
统一建模语言创建者Grady Booch谈AI的未来
查看>>
TensorFlow学习笔记(3):逻辑回归
查看>>
Mozilla开源了VR框架A-Frame
查看>>
ChakraCore现在可以在Linux和Mac OS上运行了
查看>>
30万奖金!还带你奔赴加拿大相约KDD!?阿里聚安全算法挑战赛带你飞起!
查看>>
InfoQ宣布成立CNUT容器技术俱乐部 欲连接中国容器社区
查看>>
Python数据可视化的10种技能
查看>>
池化.NET内存流以解决大内存堆分配问题
查看>>
使用HMTL5 API监控前端性能
查看>>
Microsoft宣布发布GA版Azure Event Grid
查看>>