<!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>

静态效果图：

												


											
CSS3边框会动的信封的更多相关文章
	

    
								
  1. CSS3 -- 边框圆角
		
    文章后有彩蛋哦 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U ...
    
		
    2. 
						
  2. HTML 学习笔记 CSS3 (边框)
		
    CSS3边框 通过CSS3边框 你能够创建远角边框 向矩形边框添加阴影 使用图片来绘制边框 . CSS3的边框属性 主要包含以下几种 border-radius 边框圆角 box-shadow 边框阴 ...
    
		
    3. 
						
  3. [HTML] CSS3 边框
		
    CSS3 边框 用CSS3,你可以创建圆角边框,添加阴影框,并作为边界的形象而不使用设计程序,如Photoshop. 在本章中,您将了解以下的边框属性: border-radius box-shado ...
    
		
    4. 
						
  4. CSS3边框温故
		
    1.简介:border属性在CSS1中就已经定义了,用来设置元素边框风格,设置不同的边框.颜色.粗细 2.基本属性,包括三个类型值:(1)border-width:设置元素边框的粗细,默认3~4px( ...
    
		
    5. 
						
  5. css3 边框记
		
    css3 边框 border属性在css1中就已经定义了,使用它可以设置元素的边框风格,边框颜色以及边框粗细. border-width:设置元素边框的粗细. border-color:设置元素边框的 ...
    
		
    6. 
						
  6. CSS3 边框
		
    说明:CSS3完全向后兼容,因此不必改变现有的设计.浏览器通常支持CSS2 CSS3模块 CSS3被划分为模块: 选择器 框模型 背景和边框 文本效果 2D/3D 转换 动画 多列布局 用户界面 CS ...
    
		
    7. 
						
  7. 第八十节，CSS3边框图片效果
		
    CSS3边框图片效果 学习要点: 1.属性初探 2.属性解释 3.简写和版本 本章主要探讨HTML5中CSS3中边框图片背景的效果,通过这个新属性让边框更加的丰富多彩. 一．属性解释     CSS3 ...
    
		
    8. 
						
  8. css3边框与背景
		
    一.css3边框 1.border-image 边框 border-image: url(xxx.png) number stretch 很好理解就是拉伸,有多长拉多长. repeat (和4角上 同 ...
    
		
    9. 
						
  9. 第95天：CSS3 边框、背景和文字效果
		
    1.CSS3边框: border-radius:CSS3圆角边框.在 CSS2 中添加圆角矩形需要技巧,我们必须为每个圆角使用不同的图片,在 CSS3 中,创建圆角是非常容易的,在 CSS3 中,bo ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. OMAPL多核异构通信驱动AD9833波形发生器-Notify组件
			
    OMAPL多核异构通信驱动AD9833-Notify组件demo OMAPL多核通信有三个主要机制,Notify,MessageQ,RegionShare;这里主要利用了Notify机制进行通信控制. ...
    
			
    2. 
						
  2. JavaScript 转载
			
    JavaScript概述 ECMAScript和JavaScript的关系 1996年11月,JavaScript的创造者--Netscape公司,决定将JavaScript提交给国际标准化组织ECM ...
    
			
    3. 
						
  3. mybatis报表，动态列与查询参数+行列转换
			
    这是报表原型,在这张报表中,使用了动态的列与动态查询参数,动态列与动态查询参数全部使用map将参数传入 map参数: //拼接查询时间 for (String month : monthList) { ...
    
			
    4. 
						
  4. WPF中的数据模板(DataTemplate)
			
    原文:WPF中的数据模板(DataTemplate) WPF中的数据模板(DataTemplate)                                                   ...
    
			
    5. 
						
  5. Mac OS下搭建Hadoop + Spark集群
			
    首先注意版本兼容问题!!!本文采用的是Scala 2.11.8 + Hadoop 2.7.5 + Spark 2.2.0 请在下载Spark时务必看清对应的Scala和Hadoop版本! 一.配置JD ...
    
			
    6. 
						
  6. 学习SQLite基本语句
			
    SQLite 是一个开源的嵌入式关系数据库,实现自包容.零配置.支持事务的SQL数据库引擎. 其特点是高度便携.使用方便.结构紧凑.高效.可靠. 与其他数据库管理系统不同,SQLite 的安装和运行非 ...
    
			
    7. 
						
  7. Objective-C反射机制
			
    oc反射机制有三个用途: 1.获得Class Class LoginViewController = NSClassFromString(@"LoginViewController" ...
    
			
    8. 
						
  8. VS2013生产过程问题及解决
			
    TRK0002错误 现象:编译器.链接器交替报错,不能正常生成 环境:Win8.1 + VS2013 + 百度杀毒 解决:退出百度杀毒,重启VS,再进行生成 修订:发现问题依旧,经过多次试验,发现与杀 ...
    
			
    9. 
						
  9. 云计算之路-阿里云上：基于Xen的IO模型进一步分析“黑色0.1秒”问题
			
    在发现云服务器读取OCS缓存的“黑色0.1秒”是发生在socket读取数据时,而且是发生在读取开始的字节,甚至在socket写数据时(比如写入缓存key)也会出现超过50ms的情况,我们的好奇心被激发 ...
    
			
    10. 
						
  10. spring boot 连接mysql 错误The server time zone value 'Öйú±ê׼ʱ¼ä' is unrecognized or represents more than one
			
    1.spring boot 整合mybatis 连接mysql时错误 The server time zone value 'Öйú±ê׼ʱ¼ä' is unrecognized or repr ...
    
			
    11.