Computer Science, asked by arpitsharma07, 7 months ago

write the html code to start an ordered list with the number 3​

Answers

Answered by Anonymous
3

<svg width="250" height="250" viewBox="0 0 100 100">\ \textless \ br /\ \textgreater \ \ \textless \ br /\ \textgreater \ <path fill="orange" d="M92.71,7.27L92.71,7.27c-9.71-9.69-25.46-9.69-35.18,0L50,14.79l-7.54-7.52C32.75-2.42,17-2.42,7.29,7.27v0 c-9.71,9.69-9.71,25.41,0,35.1L50,85l42.71-42.63C102.43,32.68,102.43,16.96,92.71,7.27z"></path>\ \textless \ br /\ \textgreater \ \ \textless \ br /\ \textgreater \ <animateTransform \ \textless \ br /\ \textgreater \ attributeName="transform" \ \textless \ br /\ \textgreater \ type="scale" \ \textless \ br /\ \textgreater \ values="1; 1.5; 1.25; 1.5; 1.5; 1;" \ \textless \ br /\ \textgreater \ dur="2s" \ \textless \ br /\ \textgreater \ repeatCount="40"> \ \textless \ br /\ \textgreater \ </animateTransform>\ \textless \ br /\ \textgreater \ \ \textless \ br /\ \textgreater \ </svg>

<svg width="250" height="250" viewBox="0 0 100 100">\ \textless \ br /\ \textgreater \ \ \textless \ br /\ \textgreater \ <path fill="white" d="M92.71,7.27L92.71,7.27c-9.71-9.69-25.46-9.69-35.18,0L50,14.79l-7.54-7.52C32.75-2.42,17-2.42,7.29,7.27v0 c-9.71,9.69-9.71,25.41,0,35.1L50,85l42.71-42.63C102.43,32.68,102.43,16.96,92.71,7.27z"></path>\ \textless \ br /\ \textgreater \ \ \textless \ br /\ \textgreater \ <animateTransform \ \textless \ br /\ \textgreater \ attributeName="transform" \ \textless \ br /\ \textgreater \ type="scale" \ \textless \ br /\ \textgreater \ values="1; 1.5; 1.25; 1.5; 1.5; 1;" \ \textless \ br /\ \textgreater \ dur="2s" \ \textless \ br /\ \textgreater \ repeatCount="40"> \ \textless \ br /\ \textgreater \ </animateTransform>\ \textless \ br /\ \textgreater \ \ \textless \ br /\ \textgreater \ </svg>

<svg width="250" height="250" viewBox="0 0 100 100">\ \textless \ br /\ \textgreater \ \ \textless \ br /\ \textgreater \ <path fill="green" d="M92.71,7.27L92.71,7.27c-9.71-9.69-25.46-9.69-35.18,0L50,14.79l-7.54-7.52C32.75-2.42,17-2.42,7.29,7.27v0 c-9.71,9.69-9.71,25.41,0,35.1L50,85l42.71-42.63C102.43,32.68,102.43,16.96,92.71,7.27z"></path>\ \textless \ br /\ \textgreater \ \ \textless \ br /\ \textgreater \ <animateTransform \ \textless \ br /\ \textgreater \ attributeName="transform" \ \textless \ br /\ \textgreater \ type="scale" \ \textless \ br /\ \textgreater \ values="1; 1.5; 1.25; 1.5; 1.5; 1;" \ \textless \ br /\ \textgreater \ dur="2s" \ \textless \ br /\ \textgreater \ repeatCount="40"> \ \textless \ br /\ \textgreater \ </animateTransform>\ \textless \ br /\ \textgreater \ \ \textless \ br /\ \textgreater \ </svg>

&lt;html&gt;</p><p>&lt;head&gt;</p><p>&lt;style&gt;</p><p>h1{</p><p>text-transform:uppercase;</p><p>margin-top:90px;</p><p>text-align:center;</p><p>font-family:Courier new,monospace;</p><p>border:3px solid rgb(60,45,8);</p><p>border-top:none;</p><p>width:67%;</p><p>letter-spacing:-13px;</p><p>box-sizing:border-box;</p><p>padding-right:5px;</p><p>border-radius:12px;</p><p>font-size:35px;</p><p>font-weight:bold;</p><p>}</p><p>h1 span{</p><p>position:relative;</p><p>display:inline-block;</p><p>margin-right:3px;</p><p>}</p><p>@keyframes shahir{</p><p>0%</p><p>{</p><p>transform: translateY(0px) rotate(0deg);</p><p>}</p><p>40%</p><p>{</p><p>transform: translateY(0px) rotate(0deg);</p><p>}</p><p>50%</p><p>{</p><p>transform: translateY(-50px)rotate(180deg);;</p><p>}</p><p>60%</p><p>{</p><p>transform: translateY(0px)rotate(360deg);;</p><p>}</p><p>100%</p><p>{</p><p>transform: translate(0px)rotate(360deg);;</p><p>}}</p><p>h1 span</p><p>{</p><p>animation: shahir 3s alternate infinite linear;</p><p>}</p><p>h1 span:nth-child(1)</p><p>{color:red;</p><p>animation-delay: 0s;</p><p>}</p><p>h1 span:nth-child(2)</p><p>{color:pink;</p><p>animation-delay: 0.2s;</p><p>}</p><p>h1 span:nth-child(3)</p><p>{color:yellow;</p><p>animation-delay:0s;</p><p>}</p><p>h1 span:nth-child(4)</p><p>{color:green;</p><p>animation-delay: 0.4s;</p><p>}</p><p>h1 span:nth-child(5)</p><p>{color:purple;</p><p>animation-delay: 0.5s;</p><p>}</p><p>h1 span:nth-child(6)</p><p>{color:cyan;</p><p>animation-delay: 0.3s;</p><p>}</p><p>h1 span:nth-child(7)</p><p>{color:orange;</p><p>animation-delay: 0.1s;</p><p>}</p><p>h1 span:nth-child(8)</p><p>{color:violet;</p><p>animation-delay: 0s;</p><p>}</p><p>h1 span:nth-child(9)</p><p>{color:red;</p><p>animation-delay: 0.2s;</p><p>}</p><p>h1 span:nth-child(10)</p><p>{color:pink;</p><p>animation-delay:0s;</p><p>}</p><p>h1 span:nth-child(11)</p><p>{color:yellow;</p><p>animation-delay: 0.4s;</p><p>}</p><p>h1 span:nth-child(12)</p><p>{color:green;</p><p>animation-delay: 0.5s;</p><p>}</p><p>h1 span:nth-child(13)</p><p>{color:purple;</p><p>animation-delay: 0.3s;</p><p>}</p><p>h1 span:nth-child(14)</p><p>{color:cyan;</p><p>animation-delay: 0.4s;</p><p>}</p><p>h1 span:nth-child(15)</p><p>{color:orange;</p><p>animation-delay: 0.5s;</p><p>}</p><p>h1 span:nth-child(16)</p><p>{color:violet;</p><p>animation-delay: 0.5s;</p><p>}</p><p>&lt;/style&gt;</p><p>&lt;meta name="viewport" content="width=device-width" &gt;</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p>&lt;center&gt;</p><p>&lt;div&gt;</p><p>&lt;h1&gt;</p><p>&lt;span&gt;T&lt;/span&gt;</p><p>&lt;span&gt;H&lt;/span&gt;</p><p>&lt;span&gt;E&lt;/span&gt;</p><p>&lt;span&gt;M&lt;/span&gt;</p><p>&lt;span&gt;Y&lt;/span&gt;</p><p>&lt;span&gt;S&lt;/span&gt;</p><p>&lt;span&gt;T&lt;/span&gt;</p><p>&lt;span&gt;I&lt;/span&gt;</p><p>&lt;span&gt;C&lt;/span&gt;</p><p>&lt;span&gt;A&lt;/span&gt;</p><p>&lt;span&gt;L&lt;/span&gt;</p><p>&lt;span&gt;Q&lt;/span&gt;</p><p>&lt;span&gt;U&lt;/span&gt;</p><p>&lt;span&gt;E&lt;/span&gt;</p><p>&lt;span&gt;E&lt;/span&gt;</p><p>&lt;span&gt;N&lt;/span&gt;&lt;/h1&gt;</p><p>&lt;/div&gt;</p><p>&lt;/center&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;</p><p>

Similar questions