Code – Programming Code Snippet Tool

December 25, 2015 0 482
Google Plus
LinkedIn
Stumble Upon
Pinterest
Reddit
Buffer
Pocket
Flipboard
.svgcont {
display: inline-block;
width: 10.5%;
margin: 0 1% 15px 1%;
overflow: hidden;
}
.svgcont embed {
width: 100%;
height: auto;
}
.anim-name {
font-family: monospace;
text-align: center;
background: #333;
color: #fff;
padding: 3px 0;
}
.st0{
fill:#39b54a;
stroke:none;
stroke-width:25;
stroke-miterlimit:10;
}
.st1{
fill:none;
stroke:#0b9444;
stroke-width:25;
stroke-miterlimit:10;
}
.st1 {
stroke-dasharray: 600;
stroke-dashoffset: 0;
-webkit-animation: dash 8s infinite forwards;
-o-animation: dash 8s infinite forwards;
-moz-animation: dash 8s infinite forwards;
animation: dash 8s infinite forwards;
}
.st0 {
stroke-dasharray: 600;
stroke-dashoffset: 0;
-webkit-animation: bounce 8s infinite;
-o-animation: bounce 8s infinite;
-moz-animation: bounce 8s infinite;
animation: bounce 8s infinite;
}
@-webkit-keyframes dash {
from {
stroke-dashoffset: 600;
}
to {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes move {
0% {
opacity: 0;
fill: #f1c40f;
}
5% {
opacity: 1;
fill: #f1c40f;
}
10% {
opacity: 0;
fill: #d35400;
}
15% {
opacity: 1;
fill: #d35400;
}
20% {
opacity: 0;
fill: #e74c3c;
}
25% {
opacity: 1;
fill: #e74c3c;
}
30% {
opacity: 0;
fill: #34495e;
}
35% {
opacity: 1;
fill: #34495e;
}
40% {
opacity: 0;
fill: #9b59b6;
}
45% {
opacity: 1;
fill: #9b59b6;
}
50% {
opacity: 0;
fill: #3498db;
}
55% {
opacity: 1;
fill: #3498db;
}
60% {
opacity: 0;
fill: #39b54a;
}
100% {
opacity: 1;
fill: #39b54a;
}
}

Leave a Reply

Next
Prev
POST VIEW
COLOR SCHEME
GOOGLE FONT FAMILY
HEADER TYPE
SOCIAL ICON VERSION
SOCIAL ICON CORNER