Science, asked by angelovarghese10, 8 months ago

answer =follow me any questions no problem

Answers

Answered by Ratherfaisal202

Explanation:

$<!DOCTYPE html><html><head><title>CSS Heart Animation</title><style>.back{position:fixed;margin:auto;width:100%;heart:100%;top:0;bottom:0;left:0;right:0;padding:0;background-color:white;animation-name:back;animation-duration:3s;animation-iteration-count:infinite;}.heart{background-color:pink;margin:50% auto;top:0;bottom:0;right:0;left:0;padding:0;height:50px;width:50px;transform:rotate(-45deg);animation-name:heart;animation-duration:3s;animation-timing-function:ease-out;animation-iteration-count:infinite;}.heart:before,.heart:after{background-color:pink;position:absolute;content:"";width:50px;height:50px;border-radius:50%;}.heart:before{left:25px;}.heart:after{left:0;top:-25px;}@keyframes heart{0%{transform:scale(1)rotate(-45deg);}50%{transform:scale(0.6)rotate(-45deg);}}@keyframes back{0%{background-color:white;opacity:1;}50%{background-color:#ff0099;}}</style></head><body><div class="back"></div><div class="heart"></div></body></html>$

$<body bgcolor = yellow> <marquee>$

15Thanks = Inbox + Follow

Answered by Anonymous

$<!DOCTYPE html><html lang="en"><head><title>Bts army bomb</title></head><body><div id="container" class="army-bomb-container"><div id="handle" class="handle"><div id="army-bomb" class="army-bomb"/></div><style>body {background: linear-gradient(45deg, #FBCCB7, #EFAAC9, #CCB6D9, #A2C8ED);width: 100vh;height: 300px;}.army-bomb-container {position: fixed;left: 50%;top: 50%;transform: translateX(-50%) translateY(-30%);}.handle {position: relative;height: 200px;width: 50px;background-color: black;z-index: 0;}/* top of the army bomb drawn using pseudo elements on the handle (so that it is drawn behind the glowing animation) */.handle:before {position: absolute;left: 132.5%;top: -30%;width: 30px;height: 10px;background-color: black;transform: rotate(45deg);z-index: -1;content: "";}.handle:after {position: absolute;left: 168.5%;top: -31.5%;width: 3px;height: 5px;background-color: red;transform: rotate(45deg);z-index: -1;content: "";}.army-bomb {position: relative;left: 50%;transform: translateX(-50%) translateY(-50%);width: 150px;height: 150px;background-color: white;border-radius: 75px;animation: light-up 3s infinite ease-in-out;}/* BTS logo drawn using pseudo elements of the army bomb */.army-bomb::before {position: absolute;top: 160%;left: 34%;border-bottom: 10px solid white;border-left: 10px solid transparent;border-right: 10px solid transparent;height: 0;width: 15px;transform: rotate(90deg);content: "";}.army-bomb::after {position: absolute;top: 160%;right: 34%;border-bottom: 10px solid white;border-left: 10px solid transparent;border-right: 10px solid transparent;height: 0;width: 15px;transform: rotate(-90deg);content: "";}/* glowing animation */@keyframes light-up {0% { box-shadow: 0px 0px 50px 1px white; }50% { box-shadow: 0px 0px 50px 30px white; }100% { box-shadow: 0px 0px 50px 1px white; }}</style></body></html>$

Previous Question

Next Question

answer =follow me any questions no problem​

Answers

answer =follow me any questions no problem