Telefon Ring

Developer
El Alemaño
Size
3,749 Kb
Views
14,168
  1. Telefon Ring Previews
  2. Telefon Ring HTML Codes
  3. Telefon Ring CSS Codes

How do I make an telefon ring?

What is a telefon ring? How do you make a telefon ring? This script and codes were developed by El Alemaño on 15 November 2022, Tuesday.

Telefon Ring Previews
IQ Test

Telefon Ring - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Telefon Ring</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="70px" height="50px" viewBox="0 0 17 15" enable-background="new 0 0 17 15" xml:space="preserve"> <path class="hearset" fill="#ddff21" d="M16.071 1.668l-1.068-0.571c0 0-1.598-1.007-6.188-1.007H8.109 c-3.619 0-6.046 1.007-6.046 1.007L0.889 1.699c-1.447 0.753-0.691 2.008-0.691 2.008S0.352 4 0.5 4.4 c0.19 0.4 0.7 0.5 1.1 0.284L4.104 3.45c0.441-0.224 0.683-0.606 0.548-0.858C4.516 2.3 4.4 2.1 4.4 2 C4.346 1.9 4.8 1.7 5.3 1.533c0.709-0.224 1.77-0.548 2.794-0.548h0.848c0 0 2.6 0.1 3.7 1 c0.017 0 0 0.1 0 0.056c0.024 0 0 0 0 0.072c-0.007 0.016-0.017 0.042-0.027 0.1 c-0.065 0.16-0.142 0.32-0.216 0.456c-0.133 0.2 0.1 0.6 0.5 0.849l2.278 1.201c0.438 0.2 1 0.1 1.161-0.275 l0.367-0.693C16.762 3.7 17.5 2.4 16.1 1.7"/> <path fill="#ddff21" d="M8.518 8.04c-1.051 0-1.906 0.856-1.906 1.906c0 1.1 0.9 1.9 1.9 1.9 c1.053 0 1.907-0.855 1.907-1.906C10.425 8.9 9.6 8 8.5 8"/> <path fill="#ddff21" d="M15.894 11.265L13.453 5.42c-0.092-0.235-0.374-0.472-0.628-0.472h-0.923V3.655 c0-0.417-0.338-0.756-0.755-0.756h-0.242c-0.417 0-0.756 0.339-0.756 0.756V4.95H6.977V3.655c0-0.417-0.338-0.756-0.755-0.756H5.979 c-0.418 0-0.755 0.339-0.755 0.756V4.95H4.212c-0.253 0-0.536 0.236-0.627 0.472l-2.481 5.838c-0.091 0.235-0.086 0.6 0 0.9 l1.18 2.333c0.1 0.2 0.4 0.5 0.6 0.455H14.1c0.253 0 0.542-0.217 0.642-0.45l1.14-2.315 C15.98 11.9 16 11.5 15.9 11.265z M8.518 13.772c-2.11 0-3.828-1.716-3.828-3.826c0-2.11 1.717-3.827 3.828-3.827 c2.111 0 3.8 1.7 3.8 3.827C12.345 12.1 10.6 13.8 8.5 13.772z"/>
</svg>
</div>
</body>
</html>

Telefon Ring - Script Codes CSS Codes

@-webkit-keyframes ring { 0% { -webkit-transform: rotate(0); -khtml-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 1% { -webkit-transform: rotate(30deg); -khtml-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } 3% { -webkit-transform: rotate(-28deg); -khtml-transform: rotate(-28deg); -moz-transform: rotate(-28deg); -ms-transform: rotate(-28deg); -o-transform: rotate(-28deg); transform: rotate(-28deg); } 5% { -webkit-transform: rotate(34deg); -khtml-transform: rotate(34deg); -moz-transform: rotate(34deg); -ms-transform: rotate(34deg); -o-transform: rotate(34deg); transform: rotate(34deg); } 7% { -webkit-transform: rotate(-32deg); -khtml-transform: rotate(-32deg); -moz-transform: rotate(-32deg); -ms-transform: rotate(-32deg); -o-transform: rotate(-32deg); transform: rotate(-32deg); } 9% { -webkit-transform: rotate(30deg); -khtml-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } 11% { -webkit-transform: rotate(-28deg); -khtml-transform: rotate(-28deg); -moz-transform: rotate(-28deg); -ms-transform: rotate(-28deg); -o-transform: rotate(-28deg); transform: rotate(-28deg); } 13% { -webkit-transform: rotate(26deg); -khtml-transform: rotate(26deg); -moz-transform: rotate(26deg); -ms-transform: rotate(26deg); -o-transform: rotate(26deg); transform: rotate(26deg); } 15% { -webkit-transform: rotate(-24deg); -khtml-transform: rotate(-24deg); -moz-transform: rotate(-24deg); -ms-transform: rotate(-24deg); -o-transform: rotate(-24deg); transform: rotate(-24deg); } 17% { -webkit-transform: rotate(22deg); -khtml-transform: rotate(22deg); -moz-transform: rotate(22deg); -ms-transform: rotate(22deg); -o-transform: rotate(22deg); transform: rotate(22deg); } 19% { -webkit-transform: rotate(-20deg); -khtml-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); } 21% { -webkit-transform: rotate(18deg); -khtml-transform: rotate(18deg); -moz-transform: rotate(18deg); -ms-transform: rotate(18deg); -o-transform: rotate(18deg); transform: rotate(18deg); } 23% { -webkit-transform: rotate(-16deg); -khtml-transform: rotate(-16deg); -moz-transform: rotate(-16deg); -ms-transform: rotate(-16deg); -o-transform: rotate(-16deg); transform: rotate(-16deg); } 25% { -webkit-transform: rotate(14deg); -khtml-transform: rotate(14deg); -moz-transform: rotate(14deg); -ms-transform: rotate(14deg); -o-transform: rotate(14deg); transform: rotate(14deg); } 27% { -webkit-transform: rotate(-12deg); -khtml-transform: rotate(-12deg); -moz-transform: rotate(-12deg); -ms-transform: rotate(-12deg); -o-transform: rotate(-12deg); transform: rotate(-12deg); } 29% { -webkit-transform: rotate(10deg); -khtml-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); } 31% { -webkit-transform: rotate(-8deg); -khtml-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -ms-transform: rotate(-8deg); -o-transform: rotate(-8deg); transform: rotate(-8deg); } 33% { -webkit-transform: rotate(6deg); -khtml-transform: rotate(6deg); -moz-transform: rotate(6deg); -ms-transform: rotate(6deg); -o-transform: rotate(6deg); transform: rotate(6deg); } 35% { -webkit-transform: rotate(-4deg); -khtml-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -ms-transform: rotate(-4deg); -o-transform: rotate(-4deg); transform: rotate(-4deg); } 37% { -webkit-transform: rotate(2deg); -khtml-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); transform: rotate(2deg); } 39% { -webkit-transform: rotate(-1deg); -khtml-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -ms-transform: rotate(-1deg); -o-transform: rotate(-1deg); transform: rotate(-1deg); } 41% { -webkit-transform: rotate(1deg); -khtml-transform: rotate(1deg); -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); } 43% { -webkit-transform: rotate(0); -khtml-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(0); -khtml-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
}
@-moz-keyframes ring { 0% { -webkit-transform: rotate(0); -khtml-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 1% { -webkit-transform: rotate(30deg); -khtml-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } 3% { -webkit-transform: rotate(-28deg); -khtml-transform: rotate(-28deg); -moz-transform: rotate(-28deg); -ms-transform: rotate(-28deg); -o-transform: rotate(-28deg); transform: rotate(-28deg); } 5% { -webkit-transform: rotate(34deg); -khtml-transform: rotate(34deg); -moz-transform: rotate(34deg); -ms-transform: rotate(34deg); -o-transform: rotate(34deg); transform: rotate(34deg); } 7% { -webkit-transform: rotate(-32deg); -khtml-transform: rotate(-32deg); -moz-transform: rotate(-32deg); -ms-transform: rotate(-32deg); -o-transform: rotate(-32deg); transform: rotate(-32deg); } 9% { -webkit-transform: rotate(30deg); -khtml-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } 11% { -webkit-transform: rotate(-28deg); -khtml-transform: rotate(-28deg); -moz-transform: rotate(-28deg); -ms-transform: rotate(-28deg); -o-transform: rotate(-28deg); transform: rotate(-28deg); } 13% { -webkit-transform: rotate(26deg); -khtml-transform: rotate(26deg); -moz-transform: rotate(26deg); -ms-transform: rotate(26deg); -o-transform: rotate(26deg); transform: rotate(26deg); } 15% { -webkit-transform: rotate(-24deg); -khtml-transform: rotate(-24deg); -moz-transform: rotate(-24deg); -ms-transform: rotate(-24deg); -o-transform: rotate(-24deg); transform: rotate(-24deg); } 17% { -webkit-transform: rotate(22deg); -khtml-transform: rotate(22deg); -moz-transform: rotate(22deg); -ms-transform: rotate(22deg); -o-transform: rotate(22deg); transform: rotate(22deg); } 19% { -webkit-transform: rotate(-20deg); -khtml-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); } 21% { -webkit-transform: rotate(18deg); -khtml-transform: rotate(18deg); -moz-transform: rotate(18deg); -ms-transform: rotate(18deg); -o-transform: rotate(18deg); transform: rotate(18deg); } 23% { -webkit-transform: rotate(-16deg); -khtml-transform: rotate(-16deg); -moz-transform: rotate(-16deg); -ms-transform: rotate(-16deg); -o-transform: rotate(-16deg); transform: rotate(-16deg); } 25% { -webkit-transform: rotate(14deg); -khtml-transform: rotate(14deg); -moz-transform: rotate(14deg); -ms-transform: rotate(14deg); -o-transform: rotate(14deg); transform: rotate(14deg); } 27% { -webkit-transform: rotate(-12deg); -khtml-transform: rotate(-12deg); -moz-transform: rotate(-12deg); -ms-transform: rotate(-12deg); -o-transform: rotate(-12deg); transform: rotate(-12deg); } 29% { -webkit-transform: rotate(10deg); -khtml-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); } 31% { -webkit-transform: rotate(-8deg); -khtml-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -ms-transform: rotate(-8deg); -o-transform: rotate(-8deg); transform: rotate(-8deg); } 33% { -webkit-transform: rotate(6deg); -khtml-transform: rotate(6deg); -moz-transform: rotate(6deg); -ms-transform: rotate(6deg); -o-transform: rotate(6deg); transform: rotate(6deg); } 35% { -webkit-transform: rotate(-4deg); -khtml-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -ms-transform: rotate(-4deg); -o-transform: rotate(-4deg); transform: rotate(-4deg); } 37% { -webkit-transform: rotate(2deg); -khtml-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); transform: rotate(2deg); } 39% { -webkit-transform: rotate(-1deg); -khtml-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -ms-transform: rotate(-1deg); -o-transform: rotate(-1deg); transform: rotate(-1deg); } 41% { -webkit-transform: rotate(1deg); -khtml-transform: rotate(1deg); -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); } 43% { -webkit-transform: rotate(0); -khtml-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(0); -khtml-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
}
@-ms-keyframes ring { 0% { -webkit-transform: rotate(0); -khtml-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 1% { -webkit-transform: rotate(30deg); -khtml-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } 3% { -webkit-transform: rotate(-28deg); -khtml-transform: rotate(-28deg); -moz-transform: rotate(-28deg); -ms-transform: rotate(-28deg); -o-transform: rotate(-28deg); transform: rotate(-28deg); } 5% { -webkit-transform: rotate(34deg); -khtml-transform: rotate(34deg); -moz-transform: rotate(34deg); -ms-transform: rotate(34deg); -o-transform: rotate(34deg); transform: rotate(34deg); } 7% { -webkit-transform: rotate(-32deg); -khtml-transform: rotate(-32deg); -moz-transform: rotate(-32deg); -ms-transform: rotate(-32deg); -o-transform: rotate(-32deg); transform: rotate(-32deg); } 9% { -webkit-transform: rotate(30deg); -khtml-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } 11% { -webkit-transform: rotate(-28deg); -khtml-transform: rotate(-28deg); -moz-transform: rotate(-28deg); -ms-transform: rotate(-28deg); -o-transform: rotate(-28deg); transform: rotate(-28deg); } 13% { -webkit-transform: rotate(26deg); -khtml-transform: rotate(26deg); -moz-transform: rotate(26deg); -ms-transform: rotate(26deg); -o-transform: rotate(26deg); transform: rotate(26deg); } 15% { -webkit-transform: rotate(-24deg); -khtml-transform: rotate(-24deg); -moz-transform: rotate(-24deg); -ms-transform: rotate(-24deg); -o-transform: rotate(-24deg); transform: rotate(-24deg); } 17% { -webkit-transform: rotate(22deg); -khtml-transform: rotate(22deg); -moz-transform: rotate(22deg); -ms-transform: rotate(22deg); -o-transform: rotate(22deg); transform: rotate(22deg); } 19% { -webkit-transform: rotate(-20deg); -khtml-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); } 21% { -webkit-transform: rotate(18deg); -khtml-transform: rotate(18deg); -moz-transform: rotate(18deg); -ms-transform: rotate(18deg); -o-transform: rotate(18deg); transform: rotate(18deg); } 23% { -webkit-transform: rotate(-16deg); -khtml-transform: rotate(-16deg); -moz-transform: rotate(-16deg); -ms-transform: rotate(-16deg); -o-transform: rotate(-16deg); transform: rotate(-16deg); } 25% { -webkit-transform: rotate(14deg); -khtml-transform: rotate(14deg); -moz-transform: rotate(14deg); -ms-transform: rotate(14deg); -o-transform: rotate(14deg); transform: rotate(14deg); } 27% { -webkit-transform: rotate(-12deg); -khtml-transform: rotate(-12deg); -moz-transform: rotate(-12deg); -ms-transform: rotate(-12deg); -o-transform: rotate(-12deg); transform: rotate(-12deg); } 29% { -webkit-transform: rotate(10deg); -khtml-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); } 31% { -webkit-transform: rotate(-8deg); -khtml-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -ms-transform: rotate(-8deg); -o-transform: rotate(-8deg); transform: rotate(-8deg); } 33% { -webkit-transform: rotate(6deg); -khtml-transform: rotate(6deg); -moz-transform: rotate(6deg); -ms-transform: rotate(6deg); -o-transform: rotate(6deg); transform: rotate(6deg); } 35% { -webkit-transform: rotate(-4deg); -khtml-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -ms-transform: rotate(-4deg); -o-transform: rotate(-4deg); transform: rotate(-4deg); } 37% { -webkit-transform: rotate(2deg); -khtml-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); transform: rotate(2deg); } 39% { -webkit-transform: rotate(-1deg); -khtml-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -ms-transform: rotate(-1deg); -o-transform: rotate(-1deg); transform: rotate(-1deg); } 41% { -webkit-transform: rotate(1deg); -khtml-transform: rotate(1deg); -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); } 43% { -webkit-transform: rotate(0); -khtml-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(0); -khtml-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
}
@-o-keyframes ring { 0% { -webkit-transform: rotate(0); -khtml-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 1% { -webkit-transform: rotate(30deg); -khtml-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } 3% { -webkit-transform: rotate(-28deg); -khtml-transform: rotate(-28deg); -moz-transform: rotate(-28deg); -ms-transform: rotate(-28deg); -o-transform: rotate(-28deg); transform: rotate(-28deg); } 5% { -webkit-transform: rotate(34deg); -khtml-transform: rotate(34deg); -moz-transform: rotate(34deg); -ms-transform: rotate(34deg); -o-transform: rotate(34deg); transform: rotate(34deg); } 7% { -webkit-transform: rotate(-32deg); -khtml-transform: rotate(-32deg); -moz-transform: rotate(-32deg); -ms-transform: rotate(-32deg); -o-transform: rotate(-32deg); transform: rotate(-32deg); } 9% { -webkit-transform: rotate(30deg); -khtml-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } 11% { -webkit-transform: rotate(-28deg); -khtml-transform: rotate(-28deg); -moz-transform: rotate(-28deg); -ms-transform: rotate(-28deg); -o-transform: rotate(-28deg); transform: rotate(-28deg); } 13% { -webkit-transform: rotate(26deg); -khtml-transform: rotate(26deg); -moz-transform: rotate(26deg); -ms-transform: rotate(26deg); -o-transform: rotate(26deg); transform: rotate(26deg); } 15% { -webkit-transform: rotate(-24deg); -khtml-transform: rotate(-24deg); -moz-transform: rotate(-24deg); -ms-transform: rotate(-24deg); -o-transform: rotate(-24deg); transform: rotate(-24deg); } 17% { -webkit-transform: rotate(22deg); -khtml-transform: rotate(22deg); -moz-transform: rotate(22deg); -ms-transform: rotate(22deg); -o-transform: rotate(22deg); transform: rotate(22deg); } 19% { -webkit-transform: rotate(-20deg); -khtml-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); } 21% { -webkit-transform: rotate(18deg); -khtml-transform: rotate(18deg); -moz-transform: rotate(18deg); -ms-transform: rotate(18deg); -o-transform: rotate(18deg); transform: rotate(18deg); } 23% { -webkit-transform: rotate(-16deg); -khtml-transform: rotate(-16deg); -moz-transform: rotate(-16deg); -ms-transform: rotate(-16deg); -o-transform: rotate(-16deg); transform: rotate(-16deg); } 25% { -webkit-transform: rotate(14deg); -khtml-transform: rotate(14deg); -moz-transform: rotate(14deg); -ms-transform: rotate(14deg); -o-transform: rotate(14deg); transform: rotate(14deg); } 27% { -webkit-transform: rotate(-12deg); -khtml-transform: rotate(-12deg); -moz-transform: rotate(-12deg); -ms-transform: rotate(-12deg); -o-transform: rotate(-12deg); transform: rotate(-12deg); } 29% { -webkit-transform: rotate(10deg); -khtml-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); } 31% { -webkit-transform: rotate(-8deg); -khtml-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -ms-transform: rotate(-8deg); -o-transform: rotate(-8deg); transform: rotate(-8deg); } 33% { -webkit-transform: rotate(6deg); -khtml-transform: rotate(6deg); -moz-transform: rotate(6deg); -ms-transform: rotate(6deg); -o-transform: rotate(6deg); transform: rotate(6deg); } 35% { -webkit-transform: rotate(-4deg); -khtml-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -ms-transform: rotate(-4deg); -o-transform: rotate(-4deg); transform: rotate(-4deg); } 37% { -webkit-transform: rotate(2deg); -khtml-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); transform: rotate(2deg); } 39% { -webkit-transform: rotate(-1deg); -khtml-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -ms-transform: rotate(-1deg); -o-transform: rotate(-1deg); transform: rotate(-1deg); } 41% { -webkit-transform: rotate(1deg); -khtml-transform: rotate(1deg); -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); } 43% { -webkit-transform: rotate(0); -khtml-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(0); -khtml-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
}
@keyframes ring { 0% { -webkit-transform: rotate(0); -khtml-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 1% { -webkit-transform: rotate(30deg); -khtml-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } 3% { -webkit-transform: rotate(-28deg); -khtml-transform: rotate(-28deg); -moz-transform: rotate(-28deg); -ms-transform: rotate(-28deg); -o-transform: rotate(-28deg); transform: rotate(-28deg); } 5% { -webkit-transform: rotate(34deg); -khtml-transform: rotate(34deg); -moz-transform: rotate(34deg); -ms-transform: rotate(34deg); -o-transform: rotate(34deg); transform: rotate(34deg); } 7% { -webkit-transform: rotate(-32deg); -khtml-transform: rotate(-32deg); -moz-transform: rotate(-32deg); -ms-transform: rotate(-32deg); -o-transform: rotate(-32deg); transform: rotate(-32deg); } 9% { -webkit-transform: rotate(30deg); -khtml-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } 11% { -webkit-transform: rotate(-28deg); -khtml-transform: rotate(-28deg); -moz-transform: rotate(-28deg); -ms-transform: rotate(-28deg); -o-transform: rotate(-28deg); transform: rotate(-28deg); } 13% { -webkit-transform: rotate(26deg); -khtml-transform: rotate(26deg); -moz-transform: rotate(26deg); -ms-transform: rotate(26deg); -o-transform: rotate(26deg); transform: rotate(26deg); } 15% { -webkit-transform: rotate(-24deg); -khtml-transform: rotate(-24deg); -moz-transform: rotate(-24deg); -ms-transform: rotate(-24deg); -o-transform: rotate(-24deg); transform: rotate(-24deg); } 17% { -webkit-transform: rotate(22deg); -khtml-transform: rotate(22deg); -moz-transform: rotate(22deg); -ms-transform: rotate(22deg); -o-transform: rotate(22deg); transform: rotate(22deg); } 19% { -webkit-transform: rotate(-20deg); -khtml-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -o-transform: rotate(-20deg); transform: rotate(-20deg); } 21% { -webkit-transform: rotate(18deg); -khtml-transform: rotate(18deg); -moz-transform: rotate(18deg); -ms-transform: rotate(18deg); -o-transform: rotate(18deg); transform: rotate(18deg); } 23% { -webkit-transform: rotate(-16deg); -khtml-transform: rotate(-16deg); -moz-transform: rotate(-16deg); -ms-transform: rotate(-16deg); -o-transform: rotate(-16deg); transform: rotate(-16deg); } 25% { -webkit-transform: rotate(14deg); -khtml-transform: rotate(14deg); -moz-transform: rotate(14deg); -ms-transform: rotate(14deg); -o-transform: rotate(14deg); transform: rotate(14deg); } 27% { -webkit-transform: rotate(-12deg); -khtml-transform: rotate(-12deg); -moz-transform: rotate(-12deg); -ms-transform: rotate(-12deg); -o-transform: rotate(-12deg); transform: rotate(-12deg); } 29% { -webkit-transform: rotate(10deg); -khtml-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); } 31% { -webkit-transform: rotate(-8deg); -khtml-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -ms-transform: rotate(-8deg); -o-transform: rotate(-8deg); transform: rotate(-8deg); } 33% { -webkit-transform: rotate(6deg); -khtml-transform: rotate(6deg); -moz-transform: rotate(6deg); -ms-transform: rotate(6deg); -o-transform: rotate(6deg); transform: rotate(6deg); } 35% { -webkit-transform: rotate(-4deg); -khtml-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -ms-transform: rotate(-4deg); -o-transform: rotate(-4deg); transform: rotate(-4deg); } 37% { -webkit-transform: rotate(2deg); -khtml-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); transform: rotate(2deg); } 39% { -webkit-transform: rotate(-1deg); -khtml-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -ms-transform: rotate(-1deg); -o-transform: rotate(-1deg); transform: rotate(-1deg); } 41% { -webkit-transform: rotate(1deg); -khtml-transform: rotate(1deg); -moz-transform: rotate(1deg); -ms-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); } 43% { -webkit-transform: rotate(0); -khtml-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(0); -khtml-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
}
body { background-color: #25428d;
}
svg { padding: 50px;
}
.hearset, .test { -webkit-animation: ring 6s 1s ease-in-out infinite; -khtml-animation: ring 6s 1s ease-in-out infinite; -moz-animation: ring 6s 1s ease-in-out infinite; -ms-animation: ring 6s 1s ease-in-out infinite; -o-animation: ring 6s 1s ease-in-out infinite; animation: ring 6s 1s ease-in-out infinite; -webkit-transform-origin: 50% 4px; -khtml-transform-origin: 50% 4px; -moz-transform-origin: 50% 4px; -ms-transform-origin: 50% 4px; -o-transform-origin: 50% 4px; transform-origin: 50% 4px;
}
.test { display: inline-block;
}
Telefon Ring - Script Codes
Telefon Ring - Script Codes
Home Page Home
Developer El Alemaño
Username elalemanyo
Uploaded November 15, 2022
Rating 3
Size 3,749 Kb
Views 14,168
Do you need developer help for Telefon Ring?

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!

El Alemaño (elalemanyo) Script Codes
Name
RGB Loading
Glitch Text Example
Headline Underline Arrow
Dom loading
Sticker
RGB Hover
Headline
Spin
Button - rainbow border
Now Reading Bubble
Create amazing love letters 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!