Pericles mi loro...

Developer

Size

4,125 Kb

Views

16,192

Pericles mi loro... Previews
Pericles mi loro... HTML Codes
Pericles mi loro... CSS Codes

How do I make an pericles mi loro...?

Draw with Only CSS3... animated to be continued.... What is a pericles mi loro...? How do you make a pericles mi loro...? This script and codes were developed by Judith Neumann on 13 October 2022, Thursday.

Pericles mi loro... Previews

Pericles mi loro... - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Pericles mi loro...</title> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="cuadro">
<div id="cuerpo"></div>
<div id="cola"></div>
<div id="ala"></div>
<div class="pico"></div>
<div class="cresta1"></div>
<div class="cresta2"></div>
<div class="cresta3"></div>
<div class="cresta4"></div>
<div class="cresta5"></div>
<div class="cresta6"></div>
<div class="cresta7"></div>
<div class="cresta9"></div>
<div id="circulo">
<div class="cabeza"><div class="ojo"><div class="centro"></div></div></div> </div>
<div id="alas"></div>
</body>
</html>

Pericles mi loro... - Script Codes CSS Codes

#cuadro{	height: 963px;	background-color:black;
}
#circulo{ transform: rotate(142deg);
-moz-transform: rotate(142deg);
-webkit-transform: rotate(142deg);
-o-transform: rotate(142deg);
-ms-transform: rotate(142deg);
-webkit-border-radius: 655px 643px 400px 990px;
border-radius: 655px 643px 400px 990px;
height: 230px;
position: absolute;
float:left;
top: 35px;
width: 196px;
left: 263px; background: rgb(180,227,145); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(-45deg, rgba(180,227,145,1) 0%, rgba(97,196,25,1) 50%, rgba(180,227,145,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(180,227,145,1)), color-stop(50%,rgba(97,196,25,1)), color-stop(100%,rgba(180,227,145,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ }
#cuerpo{
-webkit-border-radius: 0px 370px 90px 439px;
border-radius: 0px 370px 90px 439px;
transform: rotate(-160deg);
-moz-transform: rotate(-160deg);
-webkit-transform: rotate(-160deg);
-o-transform: rotate(-160deg);
-ms-transform: rotate(-160deg);
-webkit-box-shadow: inset 1px 1px 3px 1px #333;
box-shadow: inset 1px 1px 3px 1px #333;
background: rgb(19,242,19); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, rgba(19,242,19,1) 2%, rgba(13,173,43,1) 13%, rgba(13,173,43,1) 87%, rgba(19,242,19,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(19,242,19,1)), color-stop(13%,rgba(13,173,43,1)), color-stop(87%,rgba(13,173,43,1)), color-stop(100%,rgba(19,242,19,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(19,242,19,1) 2%,rgba(13,173,43,1) 13%,rgba(13,173,43,1) 87%,rgba(19,242,19,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(19,242,19,1) 2%,rgba(13,173,43,1) 13%,rgba(13,173,43,1) 87%,rgba(19,242,19,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(19,242,19,1) 2%,rgba(13,173,43,1) 13%,rgba(13,173,43,1) 87%,rgba(19,242,19,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(19,242,19,1) 2%,rgba(13,173,43,1) 13%,rgba(13,173,43,1) 87%,rgba(19,242,19,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13f213', endColorstr='#13f213',GradientType=0 ); /* IE6-8 */
height: 293px;
position: relative;
float:left;
top: 250px;
width: 483px;
left: 273px;
}
#ala{
-webkit-border-radius: 145px 412px 30px 300px;
border-radius: 145px 412px 30px 300px;
transform: rotate(-353deg);
-moz-transform: rotate(-353deg);
-webkit-transform: rotate(-353deg);
-o-transform: rotate(-353deg);
-ms-transform: rotate(-353deg);
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(-45deg, rgba(13,173,43,1) 0%, rgba(13,173,43,0.99) 5%, rgba(17,37,216,0.94) 30%, rgba(232,68,9,0.89) 57%, rgba(245,249,2,0.83) 88%, rgba(13,173,43,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(13,173,43,1)), color-stop(5%,rgba(13,173,43,0.99)), color-stop(30%,rgba(17,37,216,0.94)), color-stop(57%,rgba(232,68,9,0.89)), color-stop(88%,rgba(245,249,2,0.83)), color-stop(100%,rgba(13,173,43,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(13,173,43,1) 0%,rgba(13,173,43,0.99) 5%,rgba(17,37,216,0.94) 30%,rgba(232,68,9,0.89) 57%,rgba(245,249,2,0.83) 88%,rgba(13,173,43,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(13,173,43,1) 0%,rgba(13,173,43,0.99) 5%,rgba(17,37,216,0.94) 30%,rgba(232,68,9,0.89) 57%,rgba(245,249,2,0.83) 88%,rgba(13,173,43,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(13,173,43,1) 0%,rgba(13,173,43,0.99) 5%,rgba(17,37,216,0.94) 30%,rgba(232,68,9,0.89) 57%,rgba(245,249,2,0.83) 88%,rgba(13,173,43,0.8) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(13,173,43,1) 0%,rgba(13,173,43,0.99) 5%,rgba(17,37,216,0.94) 30%,rgba(232,68,9,0.89) 57%,rgba(245,249,2,0.83) 88%,rgba(13,173,43,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dad2b', endColorstr='#cc0dad2b',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
height: 333px;
position: absolute;
float:left;
top: 255px;
width: 412px;
left: 325px;
}
#alas{
-webkit-border-radius: 0px 412px 0px 412px;
border-radius: 0px 412px 0px 412px;
transform: rotate(-365deg);
-moz-transform: rotate(-365deg);
-webkit-transform: rotate(-365deg);
-o-transform: rotate(-365deg);
-ms-transform: rotate(-365deg);
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(-45deg, rgba(104,221,8,0.3) 0%, rgba(66,141,99,0.3) 34%, rgba(17,37,216,0.77) 78%, rgba(17,37,216,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(104,221,8,0.3)), color-stop(34%,rgba(66,141,99,0.3)), color-stop(78%,rgba(17,37,216,0.77)), color-stop(100%,rgba(17,37,216,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(104,221,8,0.3) 0%,rgba(66,141,99,0.3) 34%,rgba(17,37,216,0.77) 78%,rgba(17,37,216,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(104,221,8,0.3) 0%,rgba(66,141,99,0.3) 34%,rgba(17,37,216,0.77) 78%,rgba(17,37,216,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(104,221,8,0.3) 0%,rgba(66,141,99,0.3) 34%,rgba(17,37,216,0.77) 78%,rgba(17,37,216,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(104,221,8,0.3) 0%,rgba(66,141,99,0.3) 34%,rgba(17,37,216,0.77) 78%,rgba(17,37,216,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d68dd08', endColorstr='#1125d8',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
height: 343px;
position: absolute;
float:left;
top: 280px;
width:235px;
left:480px;
}
#alas::before{
content:"";
-webkit-border-radius: 0px 412px 0px 412px;
border-radius: 0px 412px 0px 412px;
transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(-45deg, rgba(255,255,17,1) 0%, rgba(255,255,17,0.55) 57%, rgba(143,203,78,0.3) 88%, rgba(99,183,101,0.3) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,17,1)), color-stop(57%,rgba(255,255,17,0.55)), color-stop(88%,rgba(143,203,78,0.3)), color-stop(100%,rgba(99,183,101,0.3))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(255,255,17,1) 0%,rgba(255,255,17,0.55) 57%,rgba(143,203,78,0.3) 88%,rgba(99,183,101,0.3) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(255,255,17,1) 0%,rgba(255,255,17,0.55) 57%,rgba(143,203,78,0.3) 88%,rgba(99,183,101,0.3) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(255,255,17,1) 0%,rgba(255,255,17,0.55) 57%,rgba(143,203,78,0.3) 88%,rgba(99,183,101,0.3) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(255,255,17,1) 0%,rgba(255,255,17,0.55) 57%,rgba(143,203,78,0.3) 88%,rgba(99,183,101,0.3) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff11', endColorstr='#4d63b765',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
height: 305px;
position: absolute;
float:left;
top: -35px;
width:209px;
left: 0px;
}
#alas::after{
content:"";
-webkit-border-radius:412px 0px 412px 0px;
border-radius: 412px 0px 412px 0px;
transform: rotate(-93deg);
-moz-transform: rotate(-93deg);
-webkit-transform: rotate(-93deg);
-o-transform: rotate(-93deg);
-ms-transform: rotate(-93deg);
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(-45deg, rgba(252,38,5,1) 0%, rgba(252,38,5,0.99) 1%, rgba(155,158,7,0.3) 65%, rgba(104,221,8,0.3) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(252,38,5,1)), color-stop(1%,rgba(252,38,5,0.99)), color-stop(65%,rgba(155,158,7,0.3)), color-stop(99%,rgba(104,221,8,0.3))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(252,38,5,1) 0%,rgba(252,38,5,0.99) 1%,rgba(155,158,7,0.3) 65%,rgba(104,221,8,0.3) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(252,38,5,1) 0%,rgba(252,38,5,0.99) 1%,rgba(155,158,7,0.3) 65%,rgba(104,221,8,0.3) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(252,38,5,1) 0%,rgba(252,38,5,0.99) 1%,rgba(155,158,7,0.3) 65%,rgba(104,221,8,0.3) 99%); /* IE10+ */
background: linear-gradient(135deg, rgba(252,38,5,1) 0%,rgba(252,38,5,0.99) 1%,rgba(155,158,7,0.3) 65%,rgba(104,221,8,0.3) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc2605', endColorstr='#4d68dd08',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
height: 150px;
position: absolute;
float:left;
top: 40px;
width:230px;
left: -9px;
}
.cabeza{
transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
-webkit-border-radius: 600px 480px 360px 721px;
border-radius: 600px 480px 360px 721px; position:relative;
height: 172px;
width: 150px;
top:30px;
left:40px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,17,1) 0%, rgba(255,255,17,0.84) 60%, rgba(203,254,113,0.8) 77%, rgba(136,252,238,0.8) 99%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,17,1)), color-stop(60%,rgba(255,255,17,0.84)), color-stop(77%,rgba(203,254,113,0.8)), color-stop(99%,rgba(136,252,238,0.8))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,17,1) 0%,rgba(255,255,17,0.84) 60%,rgba(203,254,113,0.8) 77%,rgba(136,252,238,0.8) 99%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,17,1) 0%,rgba(255,255,17,0.84) 60%,rgba(203,254,113,0.8) 77%,rgba(136,252,238,0.8) 99%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,17,1) 0%,rgba(255,255,17,0.84) 60%,rgba(203,254,113,0.8) 77%,rgba(136,252,238,0.8) 99%); /* IE10+ */
background: radial-gradient(ellipse at center, rgba(255,255,17,1) 0%,rgba(255,255,17,0.84) 60%,rgba(203,254,113,0.8) 77%,rgba(136,252,238,0.8) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff11', endColorstr='#cc88fcee',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.pico{
-webkit-border-radius: 0px 100px 14px 0px;
border-radius: 0px 100px 14px 0px;
transform: rotate(-142deg);
-moz-transform: rotate(-142deg);
-webkit-transform: rotate(-142deg);
-o-transform: rotate(-142deg);
-ms-transform: rotate(-142deg);
height: 95px;
position: absolute;
float:left;
top: 145px;
background:rgb(124, 123, 124);
width: 75px;
left:212px;
}
.pico::before{
content:"";
-webkit-border-radius: 0px 100px 3px 0px;
border-radius: 0px 100px 3px 0px;
transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
background:rgb(124, 123, 124);
height: 50px;
position: absolute;
top: 9px;
width: 40px;
left: -46px;
}
.cresta1{
border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
-o-border-radius: 40px 40px 40px 40px;
-ms-border-radius: 40px 40px 40px 40px;
transform: rotate(145deg);
-moz-transform: rotate(145deg);
-webkit-transform: rotate(145deg);
-o-transform: rotate(145deg);
-ms-transform: rotate(145deg);
border-right: 21px groove rgb(52, 235, 213);
position:absolute;
height: 80px;
top: 75px;
width: 80px;
left: 205px;
}
.cresta2{
border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
-o-border-radius: 40px 40px 40px 40px;
-ms-border-radius: 40px 40px 40px 40px;
transform: rotate(175deg);
-moz-transform: rotate(175deg);
-webkit-transform: rotate(175deg);
-o-transform: rotate(175deg);
-ms-transform: rotate(175deg);
border-right: 21px groove rgb(52, 235, 213);
position:absolute;
height: 80px;
top: 70px;
width: 80px;
left: 216px;
}
.cresta3{
border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
-o-border-radius: 40px 40px 40px 40px;
-ms-border-radius: 40px 40px 40px 40px;
transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
border-right: 21px groove rgb(52, 235, 213);
position:absolute;
height: 80px;
top: 65px;
width: 80px;
left: 230px;
}
.cresta4{
border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
-o-border-radius: 40px 40px 40px 40px;
-ms-border-radius: 40px 40px 40px 40px;
transform: rotate(195deg);
-moz-transform: rotate(195deg);
-webkit-transform: rotate(195deg);
-o-transform: rotate(195deg);
-ms-transform: rotate(195deg);
border-right: 21px groove rgb(52, 235, 213);
position:absolute;
height: 80px;
top: 65px;
width: 80px;
left: 243px;
}
.cresta5{
border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
-o-border-radius: 40px 40px 40px 40px;
-ms-border-radius: 40px 40px 40px 40px;
transform: rotate(170deg);
-moz-transform: rotate(170deg);
-webkit-transform: rotate(170deg);
-o-transform: rotate(170deg);
-ms-transform: rotate(170eg);
border-right: 21px groove rgb(247, 152, 9);
position:absolute;
height: 80px;
top: 199px;
width: 80px;
left: 300px;
}
.cresta5::before{
content:"";
border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
-o-border-radius: 40px 40px 40px 40px;
-ms-border-radius: 40px 40px 40px 40px;
transform: rotate(-21deg);
-moz-transform: rotate(-21deg);
-webkit-transform: rotate(-21deg);
-o-transform: rotate(-21deg);
-ms-transform: rotate(-21deg);
border-right: 21px groove rgb(247, 152, 9);
position:absolute;
height: 80px;
top:3px;
width: 80px;
left: -12px;
}
.cresta6{
border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
-o-border-radius: 40px 40px 40px 40px;
-ms-border-radius: 40px 40px 40px 40px;
transform: rotate(140deg);
-moz-transform: rotate(140deg);
-webkit-transform: rotate(140deg);
-o-transform: rotate(140deg);
-ms-transform: rotate(140deg);
border-right: 21px groove rgb(247, 152, 9);
position:absolute;
height: 80px;
top:188px;
width: 80px;
left: 325px;
}
.cresta6::before{
content:"";
border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
-o-border-radius: 40px 40px 40px 40px;
-ms-border-radius: 40px 40px 40px 40px;
transform: rotate(3deg);
-moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
border-right: 21px groove rgb(247, 152, 9);
position:absolute;
height: 80px;
top:-3px;
width: 80px;
left: -14px;
}
.ojo{
-webkit-border-radius: 25px;
border-radius: 25px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(-45deg, rgba(239,128,2,1) 0%, rgba(239,128,2,0.56) 44%, rgba(234,143,51,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(239,128,2,1)), color-stop(44%,rgba(239,128,2,0.56)), color-stop(100%,rgba(234,143,51,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(239,128,2,1) 0%,rgba(239,128,2,0.56) 44%,rgba(234,143,51,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(239,128,2,1) 0%,rgba(239,128,2,0.56) 44%,rgba(234,143,51,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(239,128,2,1) 0%,rgba(239,128,2,0.56) 44%,rgba(234,143,51,0) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(239,128,2,1) 0%,rgba(239,128,2,0.56) 44%,rgba(234,143,51,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef8002', endColorstr='#00ea8f33',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
height: 30px;
position: relative;
top: 65px;
width: 30px;
left: 60px;
border: 3px solid rgb(199, 195, 195);
}
.centro{
-webkit-border-radius: 35px;
border-radius: 35px;
background: black;
height: 16px;
position: relative;
float:left;
top: 7px;
width: 16px;
left:7px;
}
.cresta7{
border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
-o-border-radius: 40px 40px 40px 40px;
-ms-border-radius: 40px 40px 40px 40px;
transform: rotate(235deg);
-moz-transform: rotate(235deg);
-webkit-transform: rotate(235deg);
-o-transform: rotate(235deg);
-ms-transform: rotate(235deg);
border-right: 21px groove rgb(129, 128, 127);
position:absolute;
height: 80px;
top: 545px;
width: 80px;
left: 383px;
}
.cresta7::before{
content:"";
border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
-o-border-radius: 40px 40px 40px 40px;
-ms-border-radius: 40px 40px 40px 40px;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
border-right: 21px groove rgb(129, 128, 127);
position:absolute;
height: 80px;
top:12px;
width: 80px;
left: -12px;
}
.cresta7::after{
content:"";
border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
-o-border-radius: 40px 40px 40px 40px;
-ms-border-radius: 40px 40px 40px 40px;
transform: rotate(-365deg);
-moz-transform: rotate(-365deg);
-webkit-transform: rotate(-365deg);
-o-transform: rotate(-365deg);
-ms-transform: rotate(-365deg);
border-right: 21px groove rgb(129, 128, 127);
position:absolute;
height: 80px;
top:25px;
width: 80px;
left: -23px;
}
.cresta9{
border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
-o-border-radius: 40px 40px 40px 40px;
-ms-border-radius: 40px 40px 40px 40px;
transform: rotate(140deg);
-moz-transform: rotate(140deg);
-webkit-transform: rotate(140deg);
-o-transform: rotate(140deg);
-ms-transform: rotate(140deg);
border-right: 21px groove rgb(247, 152, 9);
position:absolute;
height: 80px;
top:188px;
width: 80px;
left: 325px;
}
.cresta9::before{
content:"";
border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
-o-border-radius: 40px 40px 40px 40px;
-ms-border-radius: 40px 40px 40px 40px;
transform: rotate(3deg);
-moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
border-right: 21px groove rgb(247, 152, 9);
position:absolute;
height: 80px;
top:-3px;
width: 80px;
left: -14px;
}
#cola { -webkit-border-radius: 50%;
border-radius: 50%;
transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
background: rgb(13,173,43); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, rgba(13,173,43,1) 63%, rgba(17,37,216,1) 76%, rgba(232,68,9,1) 89%, rgba(245,249,2,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(63%,rgba(13,173,43,1)), color-stop(76%,rgba(17,37,216,1)), color-stop(89%,rgba(232,68,9,1)), color-stop(99%,rgba(245,249,2,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(13,173,43,1) 63%,rgba(17,37,216,1) 76%,rgba(232,68,9,1) 89%,rgba(245,249,2,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(13,173,43,1) 63%,rgba(17,37,216,1) 76%,rgba(232,68,9,1) 89%,rgba(245,249,2,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(13,173,43,1) 63%,rgba(17,37,216,1) 76%,rgba(232,68,9,1) 89%,rgba(245,249,2,1) 99%); /* IE10+ */
background: linear-gradient(to bottom, rgba(13,173,43,1) 63%,rgba(17,37,216,1) 76%,rgba(232,68,9,1) 89%,rgba(245,249,2,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dad2b', endColorstr='#f5f902',GradientType=0 ); /* IE6-8 */
height: 483px;
position: absolute;
float:left;
top: 465px;
width:79px;
left: 655px;
}
#cola::before { content:""; -webkit-border-radius: 50%;
border-radius: 50%;
transform: rotate(-12deg);
-moz-transform: rotate(-12deg);
-webkit-transform: rotate(-12deg);
-o-transform: rotate(-12deg);
-ms-transform: rotate(-12deg);
background: rgb(104,221,8); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: rgb(13,173,43); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, rgba(13,173,43,1) 63%, rgba(17,37,216,1) 76%, rgba(232,68,9,1) 89%, rgba(245,249,2,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(63%,rgba(13,173,43,1)), color-stop(76%,rgba(17,37,216,1)), color-stop(89%,rgba(232,68,9,1)), color-stop(99%,rgba(245,249,2,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(13,173,43,1) 63%,rgba(17,37,216,1) 76%,rgba(232,68,9,1) 89%,rgba(245,249,2,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(13,173,43,1) 63%,rgba(17,37,216,1) 76%,rgba(232,68,9,1) 89%,rgba(245,249,2,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(13,173,43,1) 63%,rgba(17,37,216,1) 76%,rgba(232,68,9,1) 89%,rgba(245,249,2,1) 99%); /* IE10+ */
background: linear-gradient(to bottom, rgba(13,173,43,1) 63%,rgba(17,37,216,1) 76%,rgba(232,68,9,1) 89%,rgba(245,249,2,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dad2b', endColorstr='#f5f902',GradientType=0 ); /* IE6-8 */
height: 503px;
position: absolute;
top: 0;
width:73px;
left: 63px; }
#cola::after { content:""; -webkit-border-radius: 50%;
border-radius: 50%;
transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
background: rgb(13,173,43); /* Old browsers */
background: -moz-linear-gradient(top, rgba(13,173,43,1) 63%, rgba(17,37,216,1) 76%, rgba(232,68,9,1) 89%, rgba(245,249,2,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(63%,rgba(13,173,43,1)), color-stop(76%,rgba(17,37,216,1)), color-stop(89%,rgba(232,68,9,1)), color-stop(99%,rgba(245,249,2,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(13,173,43,1) 63%,rgba(17,37,216,1) 76%,rgba(232,68,9,1) 89%,rgba(245,249,2,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(13,173,43,1) 63%,rgba(17,37,216,1) 76%,rgba(232,68,9,1) 89%,rgba(245,249,2,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(13,173,43,1) 63%,rgba(17,37,216,1) 76%,rgba(232,68,9,1) 89%,rgba(245,249,2,1) 99%); /* IE10+ */
background: linear-gradient(to bottom, rgba(13,173,43,1) 63%,rgba(17,37,216,1) 76%,rgba(232,68,9,1) 89%,rgba(245,249,2,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dad2b', endColorstr='#f5f902',GradientType=0 ); /* IE6-8 */
height: 444px;
position: absolute;
top: -35px;
width:70px;
left: 18px; }

Home Page	Home
Developer	Judith Neumann
Username	judag
Uploaded	October 13, 2022
Rating	4.5
Size	4,125 Kb
Views	16,192

Do you need developer help for Pericles mi loro...?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Judith Neumann (judag) Script Codes

Name	Size
Fireworks	2,722 Kb
Landscapes animated icons...	5,302 Kb
Responsive flexbox letters...	2,002 Kb
Funny icons...	4,659 Kb
Little black kittys	3,437 Kb
Colorfull night...	2,818 Kb
Code and view	3,096 Kb
Change your look...	2,542 Kb
Wait for a cofee...	3,422 Kb
Crazy icons	3,699 Kb

Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!

Similar Scripts & Codes

Name	Username	Size
CSS only simple parallax scroll	Stanssongs	3,708 Kb
Scroll Arrow	Robooneus	4,437 Kb
Slim Grid SASS SCSS v3.2	Thesturs	4,709 Kb
Zeichensatz	Moklick	2,058 Kb
Header Line Issue	Charlie-volpe	1,768 Kb
Pomodoro Timer	Sdas13	2,900 Kb
Vanilla JS - A toggleClass function	Woodwork	2,532 Kb
Box Shadow Effects	Retrofuturistic	2,143 Kb
A Pen by Xand0r	Xand0r	1,928 Kb
Nice textured background	Hans	2,659 Kb

Do you want hide your ip address?

Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!