CSS3边框会动的信封
2024-09-04 15:38:57
<!DOCTYPE html>
<html> <head>
<title>酷炫的CSS3</title>
<meta charset="utf-8">
</head>
<style>
@keyframes ants {
to {
background-position: 100%;
}
} .demo {
display: block;
margin: 200px auto;
width: 300px;
height: 200px;
border: 1em solid transparent;
background: linear-gradient(white, white) padding-box,
repeating-linear-gradient(-45deg, red 0, red 12.5%, transparent 0, transparent 25%, #58a 0, #58a 37.5%, transparent 0, transparent 50%) 0/5em 5em;
animation: ants 12s linear infinite;
}
</style>
<body>
<div class="demo"></div>
</body> </html> 静态效果图:
最新文章
- Bigendian 奇数内存地址取整形crash
- java UDP
- C语言基础--变量存储细节
- Java笔记6-数组
- HDFS--(HA)初始化与启动
- Oracle 10g 和11g r2 下载地址(使用迅雷)
- hiho#1033 : 交错和
- 【Hadoop代码笔记】Hadoop作业提交之Child启动map任务
- 类和对象:拾遗 - 零基础入门学习Python039
- VB.net总结
- Notes系统安全日志
- MAC开发环境安装
- maven编译常见错误解决方法整理
- ThinkPHP的Rbac权限控制
- 说一说MVC的CompressActionFilterAttrubute(五)
- 正则表达式匹配URL或者网址
- 【Object类、常用API】
- Flume采集Nginx日志到HDFS
- 2018-2019-1 20189221《Linux内核原理与分析》第五周作业
- 进程间通过intent传递数据失败