Skip to content

Instantly share code, notes, and snippets.

@jinze
Last active August 9, 2017 11:44
Show Gist options
  • Save jinze/0ada4876a90f83e2998261c814f0d066 to your computer and use it in GitHub Desktop.
Save jinze/0ada4876a90f83e2998261c814f0d066 to your computer and use it in GitHub Desktop.
Untitled
.body{
background: #fff;
background-image: repeating-linear-gradient(45deg, #f00 0, #f00 12.5%, transparent 0, transparent 25%, #00f 0, #00f 37.5%, transparent 0,transparent 50%);
background-size: 100px 100px;
/*background-image: repeating-linear-gradient(45deg, #999 0, #999 25%, transparent 25%, transparent 50%);*/
animation: moves 2s linear infinite;
width:200px;
height:300px;
}
@keyframes moves{
100%{background-position:100px 0;}
}
<div class="body"></div>
// alert('Hello world!');
{"view":"split","fontsize":"130","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment