Posted by jpowermacg4 on Thu 4th Apr 17:09 (modification of post by view diff)
view | download | new post
- <div class="container">
- </div>
- .container {
- position: relative;
- width: 200px;
- height: 200px;
- }
- .red-dot {
- position: absolute;
- width: 20px;
- height: 20px;
- background-color: red;
- border-radius: 50%;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- }
- .shockwave {
- position: absolute;
- width: 20px;
- height: 20px;
- border: 2px solid rgba(255, 0, 0, 0.5);
- border-radius: 50%;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- animation: shockwave-animation 2s linear infinite;
- }
- @keyframes shockwave-animation {
- 0% {
- width: 20px;
- height: 20px;
- opacity: 1;
- }
- 100% {
- width: 200px;
- height: 200px;
- opacity: 0;
- }
- }
Submit a correction or amendment below (click here to make a fresh posting)
After submitting an amendment, you'll be able to view the differences between the old and new posts easily.