World Languages, asked by Remjim, 8 months ago

Write a letter to your friend explaining how you prepared your video for your elocution contest.

Answers

Answered by krishna02299
1

Explanation:

!DOCTYPE html&gt;</p><p>&lt;html lang="en"&gt;</p><p>&lt;head&gt;</p><p>&lt;title&gt;Captain American Shield&lt;/title&gt;</p><p>&lt;/head&gt;</p><p>&lt;div class ="container"&gt;</p><p>&lt;div class="circle outer-lv3"&gt;</p><p>&lt;div class="circle outer-lv2"&gt;</p><p>&lt;div class="circle outer-lv1"&gt;</p><p>&lt;div class="center"&gt;</p><p>&lt;div class="arrow top"&gt;&lt;/div&gt;</p><p>&lt;div class="arrow left"&gt;&lt;/div&gt;</p><p>&lt;div class="arrow right"&gt;&lt;/div&gt;</p><p>&lt;div&gt;</p><p>&lt;div&gt;</p><p>&lt;div&gt;</p><p>&lt;div&gt;</p><p>&lt;div&gt;</p><p>&lt;style&gt;</p><p>&lt;body&gt;{background: #0846A8; height: 500px;}</p><p>.container{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}</p><p>.circle{border-radius: 50%; display: flex; flex-direction: row; justify-content: center; align-items: center; border:1px solid #000;}</p><p>.outer-lv3{background-image: linear-gradient(#870000,#FF4040,#870000); height: 260px; width: 260px; -webkit-animation: turning 8s infinite linear; animation; turning 8s infinite linear;}</p><p>@-webkit-keyframes turning{0%{transform: rotate(0deg)} 100% {transform: rotate(360deg)}}</p><p>@keyframes turning{0%{transform: rotate(0deg)} 100% {transform: rotate(360deg)}}</p><p>&lt;/body&gt;</p><p>&lt;/head&gt;</p><p>&lt;/html&gt;

Similar questions