Skip to content

Instantly share code, notes, and snippets.

@obojdi
Created June 30, 2017 13:41
Show Gist options
  • Save obojdi/1340cb63a7a6af3a4abaffc6681614ff to your computer and use it in GitHub Desktop.
Save obojdi/1340cb63a7a6af3a4abaffc6681614ff to your computer and use it in GitHub Desktop.
lightningmaps.org restyling
var a = setInterval(function() {
$('canvas').parent().addClass('canvas');
}, 1000)
div > canvas
{
display: none
}
.canvas
{
background: #f00;
background-image:radial-gradient(#ff0000 30%, #d2a300 100%);
border-radius :100vw;
-webkit-animation: sk-scaleout 1.0s 1 ease-in-out;
animation: sk-scaleout 1.0s 1 ease-in-out;
width:3vw!important;
height:3vw!important;
-webkit-transform: scale(0);
transform: scale(0);
transform-origin:50%
}
@-webkit-keyframes sk-scaleout
{
0%
{
-webkit-transform: scale(0)
}
60%
{
opacity:1
}
100%
{
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes sk-scaleout
{
0%
{
-webkit-transform: scale(0);
transform: scale(0);
}
60%
{
opacity:1
}
100%
{
-webkit-transform: scale(1.0);
transform: scale(1.0);
opacity: 0;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment