kylefang/react-content-loader
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-content-loader.git synced 2026-04-28 12:15:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

adjusts

Browse Source
This commit is contained in:
Danilo Woznica
2017-01-19 22:49:00 -02:00
parent bb29530338
commit 6f8eb56216
1 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
index.html
View File

@@ -4,12 +4,16 @@
<meta charset="UTF-8">
<title>Document</title>
<style>
body {
background: #f3f3f3;
}
.container {
position: relative;
width: 400px;
margin: 30px auto;
padding: 30px;
box-shadow: 0 3px 10px rgba(0,0,0,.2);
background: #fff;
}
.gradient {
fill: #999;
@@ -23,7 +27,7 @@
<div class="container">
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg viewBox = "0 0 400 400" version = "1.1">
<svg viewBox = "0 0 400 130" version = "1.1">
<!-- base -->
<rect class="gradient" x="0" y="0" rx="5" ry="5" width="70" height="70" fill="#eee" stroke-width="0"/>
@@ -38,14 +42,14 @@
<defs>
<linearGradient id="gradient">
<stop offset="0%" stop-color="#EEE">
<animate attributeName="offset" values="-2; 1" dur="2s" repeatCount="indefinite"/>
<stop offset="0%" stop-color="#f3f3f3">
<animate attributeName="offset" values="-2; 1" dur="2s" repeatCount="indefinite" />
</stop>
<stop offset="50%" stop-color="#dedede">
<animate attributeName="offset" values="-1.5; 1.5" dur="2s" repeatCount="indefinite"/>
<stop offset="50%" stop-color="#eeecec">
<animate attributeName="offset" values="-1.5; 1.5" dur="2s" repeatCount="indefinite" />
</stop>
<stop offset="100%" stop-color="#EEE">
<animate attributeName="offset" values="-1; 2" dur="2s" repeatCount="indefinite"/>
<stop offset="100%" stop-color="#f3f3f3">
<animate attributeName="offset" values="-1; 2" dur="2s" repeatCount="indefinite" />
</stop>
</linearGradient>
</defs>