English, asked by manimani2909, 9 months ago

Describe a first train journey that you ever made​

Answers

Answered by pinjaraarifisha
2

&lt;html&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>h1{</p><p></p><p>text-transform:uppercase;</p><p></p><p>margin-top:90px;</p><p></p><p>text-align:center;</p><p></p><p>font-family:Courier new,monospace;</p><p></p><p>border:3px solid rgb(60,450,500);</p><p></p><p>border-top:none;</p><p></p><p>width:90%;</p><p></p><p>letter-spacing:-6px;</p><p></p><p>box-sizing:border-box;</p><p></p><p>padding-right:5px;</p><p></p><p>border-radius:6px;</p><p></p><p>font-size:35px;</p><p></p><p>font-weight:bold;</p><p></p><p>}</p><p></p><p>h1 span{</p><p></p><p>position:relative;</p><p></p><p>display:inline-block;</p><p></p><p>margin-right:3px;</p><p></p><p>}</p><p></p><p>@keyframes shahir{</p><p></p><p>0%</p><p></p><p>{</p><p></p><p>transform: translateY(0px) rotate(0deg);</p><p></p><p>}</p><p></p><p>40%</p><p></p><p>{</p><p></p><p>transform: translateY(0px) rotate(0deg);</p><p></p><p>}</p><p></p><p>50%</p><p></p><p>{</p><p></p><p>transform: translateY(-50px)rotate(180deg);;</p><p></p><p>}</p><p></p><p>60%</p><p></p><p>{</p><p></p><p>transform: translateY(0px)rotate(360deg);;</p><p></p><p>}</p><p></p><p>100%</p><p></p><p>{</p><p></p><p>transform: translate(0px)rotate(360deg);;</p><p></p><p>}}</p><p></p><p>h1 span</p><p></p><p>{</p><p></p><p>animation: shahir 3s alternate infinite linear;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(1)</p><p></p><p>{color:lime;</p><p></p><p>animation-delay: 0s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(2)</p><p></p><p>{color:lightmaroon;</p><p></p><p>animation-delay: 0.2s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(3)</p><p></p><p>{color:red;</p><p></p><p>animation-delay:0s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(4)</p><p></p><p>{color:green;</p><p></p><p>animation-delay: 0.4s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(5)</p><p></p><p>{color:blue;</p><p></p><p>animation-delay: 0.5s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(6)</p><p></p><p>{color:purple;</p><p></p><p>animation-delay: 0.3s;}</p><p></p><p>&lt;/style&gt;</p><p></p><p>&lt;meta name="viewport" content="width=device-width" &gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;&lt;center&gt;&lt;div&gt;&lt;h1&gt;&lt;span&gt;P.&lt;/span&gt;&lt;span&gt;M.&lt;/span&gt;&lt;span&gt;A&lt;/span&gt;&lt;span&gt;R&lt;/span&gt;&lt;span&gt;I&lt;/span&gt;&lt;span&gt;F&lt;/span&gt;</p><p></p><p>&lt;/h1&gt;&lt;/div&gt;&lt;/center&gt;&lt;/body&gt;&lt;/html&gt;

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

Answered by mahirakhan0963
3

Answer:

I hope it's helpful for you

please mark me brainlest

Attachments:
Similar questions