Fancy Border Radius CSS Generator Tool - spin animation keyframes

Fancy Border Radius CSS Generator Tool - spin animation keyframes Demo

View Demo Full Screen View Demo New Tab

Fancy Border Radius CSS Generator Tool - spin animation keyframes Code

HTML

<h3>Border Radius to Element</h3>
<div class='border-rad'></div>

<h3>Tool Demo</h3>
<iframe height="600" width="100%" src="https://9elements.github.io/fancy-border-radius/"></iframe>

CSS

.border-rad {
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  	background:#FFF;
  	color:#000;
  	height:300px;
  	width:300px;
  	margin:auto;
	animation: spin 2.5s linear infinite;  
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}