Computer Science, asked by ShiveshDhar, 7 months ago

[tex]<!DOCTYPE HTML>\ \textless \ br /\ \textgreater \ <html>\ \textless \ br /\ \textgreater \ <head>\ \textless \ br /\ \textgreater \ <title>CAPTAIN AMERICA SHILD</title>\ \textless \ br /\ \textgreater \ </head>\ \textless \ br /\ \textgreater \ <body bgcolor="black">\ \textless \ br /\ \textgreater \ \ \textless \ br /\ \textgreater \ <svg width="343" height="570">\ \textless \ br /\ \textgreater \ \ \textless \ br /\ \textgreater \ \ \textless \ br /\ \textgreater \ <rect height="570"width="345"\ \textless \ br /\ \textgreater \ fill="#6078FD">\ \textless \ br /\ \textgreater \ <animate attributeName="fill"\ \textless \ br /\ \textgreater \ from="#000000"to="#6078FD"\ \textless \ br /\ \textgreater \ dur="22s"repeatCount="1">\ \textless \ br /\ \textgreater \ </animate>\ \textless \ br /\ \textgreater \ </rect>\ \textless \ br /\ \textgreater \ <circle cx="175"cy="253"r="155"\ \textless \ br /\ \textgreater \ fill="#AA1428">\ \textless \ br /\ \textgreater \ <animate attributeName="fill"\ \textless …

Answers

Answered by Rudranil420

Answer:

$<!DOCTYPE html> <html lang="en"> <head> <title>Captain America Shield</title> </head> <div class="container"> <div class="circle outer-lv3"> <div class="circle outer-lv2"> <div class="circle outer-lv1"> <div class="center"> <div class="arrow top"></div> <div class="arrow left"></div> <div class="arrow right"></div> </div> </div> </div> </div> </div> <style> html, body { background:#0846A8; height: 500px; } .container { width:100%; height: 100%; display: flex; justify-content: center; align-items: center; } .circle { border-radius: 50%; display: flex; flex-direction: row; justify-content: center; align-items: center; border:1px solid #000; } .outer-lv3 { background-image: linear-gradient(#870000,#FF4040,#870000); height: 260px; width: 260px; -webkit-animation: turning 8s infinite linear; animation: turning 8s infinite linear; } @-webkit-keyframes turning { 0% {transform: rotate(0deg)} 100% {transform: rotate(360deg)} } @keyframes turning { 0% {transform: rotate(0deg)} 100% {transform: rotate(360deg)} } .outer-lv2 { background: #fff; background-image: linear-gradient(#DBD9D9,#FAFAFA,#DBD9D9); height: 210px; width: 210px; } .outer-lv1 { background-image: linear-gradient(#870000,#FF4040,#870000); height: 150px; width: 150px; } .center { background-image: linear-gradient(#0846A8,#277AFF,#0846A8); height: 100px; width: 100px; border-radius: 50%; position: relative; overflow: hidden; border:1px solid #000; } .arrow { border-top: 35px solid #EDE8E8; border-bottom: 48px solid rgba(0,0,0,0.0); border-left: 48px solid transparent; border-right: 48px solid transparent; position: absolute; height: 0; width: 0; } .top { top: 35px; left: 2px; } .left { transform: rotate(72deg); top: 16px; left: -24px; } .right { transform: rotate(-72deg); top: 16px; left: 25px; } </style> </body> </html>$

Answered by psRawaldhiya

$<body bgcolor= white><marquee direction="left"><fontcolor=red>$

Kya karna chah rhe ho

⬆️ ⬆️ ⬆️ ⬆️ ⬆️ ⬆️ ⬆️ ⬆️

Previous Question

Next Question