Science, asked by Anonymous, 9 months ago

$<html><body> <marquee style="z-index:2;position:absolute;left:18px;top:97px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:200px;" scrollamount="3" direction="down">❤️❤️❤️❤️</marquee> <marquee style="z-index:2;position:absolute;left:1px;top:89px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:100px;" scrollamount="7" direction="left">❤️❤️</marquee> <marquee style="z-index:2;position:absolute;left:111px;top:7px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:302px;" scrollamount="4" direction="left">♥️♥️</marquee> <marquee style="z-index:2;position:absolute;left:225px;top:83px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:371px;" scrollamount="3" direction="right">❤️❤️</marquee> <marquee style="z-index:2;position:absolute;left:105px;top:53px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:317px;" scrollamount="2" direction="up">❤️❤️</marquee></body> </html>$

$h1{ text-transform:uppercase; margin-top:90px; text-align:center; font-family:Courier new,monospace; border:3px solid rgb(60,450,500); border-top:none; width:90%; letter-spacing:-6px; box-sizing:border-box; padding-right:5px; border-radius:6px; font-size:35px; font-weight:bold; } h1 span{ position:relative; display:inline-block; margin-right:3px; } @keyframes shahir{ 0% { transform: translateY(Opx) rotate(Odeg); } 40% { transform: translateY(Opx) rotate(Odeg); } 50%{ transform:translateY(-50px)rotate(180deg);; } 60% { transform:translateY(Opx)rotate(360deg);; } 100% { transform: translate(Opx)rotate(360deg);; }} h1 span { animation: shahir 3s alternate infinite linear; } h1 span:nth-child(1) {color:lime; animation-delay: 0s; } h1 span:nth-child(2) {color:light maroon; animation-delay: 0.2s; } h1 span:nth-child(3) {color:red; animation-delay:0s; } h1 span:nth-child(4) {color:green; animation-delay: 0.4s; } h1 span:nth-child(5) {color:blue; animation-delay: 0.5s; } h1 span:nth-child(6) {color:purple; animation-delay: 0.3s; }$
ANSWER

$<!DOCTYPE html><svg width="100%" height="300px">\ \textless \ br /\ \textgreater \ <g id="R1" transform="translate(250 250)"> \ \textless \ br /\ \textgreater \ <ellipse rx="100" ry="0" opacity=".3">\ \textless \ br /\ \textgreater \ <animateTransform attributeName="transform" type="rotate" dur="7s" from="0" to="360" repeatCount="indefinite" />\ \textless \ br /\ \textgreater \ <animate attributeName="cx" dur="8s" values="-20; 220; -20" repeatCount="indefinite" />\ \textless \ br /\ \textgreater \ <animate attributeName="ry" dur="3s" values="10; 60; 10" repeatCount="indefinite" />\ \textless \ br /\ \textgreater \ </ellipse>\ \textless \ br /\ \textgreater \ </g><use xlink:href="#R1" transform="rotate(72 390 150)" />\ \textless \ br /\ \textgreater \ <use xlink:href="#R1" transform="rotate(144 390 150)" />\ \textless \ br /\ \textgreater \ <use xlink:href="#R1" transform="rotate(216 390 150)" />\ \textless \ br /\ \textgreater \ <use xlink:href="#R1" transform="rotate(288 390 150)" />\ \textless \ br /\ \textgreater \ </svg></body></html>$

Attachments:

Answers

Answered by Anonymous

Answer:

$<!DOCTYPE html><svg width="100%" height="300px">\ \textless \ br /\ \textgreater \ <g id="R1" transform="translate(250 250)"> \ \textless \ br /\ \textgreater \ <ellipse rx="100" ry="0" opacity=".3">\ \textless \ br /\ \textgreater \ <animateTransform attributeName="transform" type="rotate" dur="7s" from="0" to="360" repeatCount="indefinite" />\ \textless \ br /\ \textgreater \ <animate attributeName="cx" dur="8s" values="-20; 220; -20" repeatCount="indefinite" />\ \textless \ br /\ \textgreater \ <animate attributeName="ry" dur="3s" values="10; 60; 10" repeatCount="indefinite" />\ \textless \ br /\ \textgreater \ </ellipse>\ \textless \ br /\ \textgreater \ </g><use xlink:href="#R1" transform="rotate(72 390 150)" />\ \textless \ br /\ \textgreater \ <use xlink:href="#R1" transform="rotate(144 390 150)" />\ \textless \ br /\ \textgreater \ <use xlink:href="#R1" transform="rotate(216 390 150)" />\ \textless \ br /\ \textgreater \ <use xlink:href="#R1" transform="rotate(288 390 150)" />\ \textless \ br /\ \textgreater \ </svg></body></html>$

Explanation:

Ummmm hopefully it will help you : (

Previous Question

Next Question

ANSWER​

Answers