World Languages, asked by kyliekawaii18, 9 months ago

Yo Necesito ayuda con mi tarea. Alguen puede ayudar me? muchas gracias

Answers

Answered by Anonymous
0

I need help with my homework. Can Alguen help me? Thanks a lot

</p><p></p><p>&lt;html&gt;</p><p>    &lt;head&gt;</p><p>              &lt;style&gt;</p><p></p><p>                  </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:-6px;</p><p>          box-sizing:border-box;</p><p>          padding-right:5px;</p><p>          border-radius:6px;</p><p>          font-size:35px;</p><p>          font-weight:bold;</p><p>          }  </p><p>            </p><p>         h1 span{</p><p>             position:relative;</p><p>             display:inline-block;</p><p>             margin-right:3px;</p><p>         }</p><p>            </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>         </p><p>       h1 span</p><p>         {</p><p>            animation: shahir 3s alternate infinite linear; </p><p>         } </p><p>         </p><p>         </p><p>         </p><p>         </p><p>         h1 span:nth-child(1)</p><p>         {color:pink;</p><p>           animation-delay: 0s;</p><p>         }</p><p>         h1 span:nth-child(2)</p><p>         {color:lightmaroon;</p><p>           animation-delay: 0.2s;</p><p>         }</p><p>         h1 span:nth-child(3)</p><p>         {color:red;</p><p>           animation-delay:0s;</p><p>         }</p><p>         h1 span:nth-child(4)</p><p>         {color:lightgreen;</p><p>           animation-delay: 0.4s;</p><p>         }</p><p>         h1 span:nth-child(5)</p><p>         {color:blue;</p><p>           animation-delay: 0.5s;</p><p>         }</p><p>         h1 span:nth-child(6)</p><p>         {color:purple;</p><p>           animation-delay: 0.3s;</p><p>         }</p><p></p><p>              &lt;/style&gt;</p><p>        &lt;meta name="viewport" content="width=device-width"  &gt;</p><p>        </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;A&lt;/span&gt;</p><p>            &lt;span&gt;N&lt;/span&gt;</p><p>            &lt;span&gt;K&lt;/span&gt;</p><p>            &lt;span&gt;S&lt;/span&gt;</p><p>        &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></p><p>

</p><p></p><p></p><p>&lt;svg class= "heart" viewBox= "-2 -2 98.6 90.81"&gt;</p><p></p><p>  &lt;title&gt;Corazon&lt;/title&gt;</p><p>  </p><p>  &lt;text x=8 y=22 dx= "0 0 0 0 0 0 0"  dy= "2 -8 -2  -1 1 2 4 "style= "font: bold .7em arial; fill: red;"&gt; killer</p><p>   &lt;tspan x=60 y=22 style= "font: bold .7em arial; fill: blue;"&gt;9999&lt;/tspan&gt;</p><p>   &lt;tspan x= 10 dy= 15 style= "font: bold .6em arial; fill: navy;"&gt; people with 75% at least&lt;/tspan&gt;</p><p>   &lt;tspan x= 25 dy= 10 style= "font: bold .6em arial; fill: navy;"&gt;Goodness can&lt;/tspan&gt;</p><p>   &lt;tspan x= 35 dy= 10 style= "font: bold .6em arial; fill: navy;"&gt;see the&lt;/tspan&gt;</p><p>   &lt;tspan x= 37 dy= 10 style= "font: bold .5em arial; fill: red;"&gt;HEART&lt;/tspan&gt;</p><p>   </p><p>   &lt;animate attributeType="XML" attributeName="visibility" from="visible" to="hidden" dur="9.2s" begin="0s" /&gt;</p><p>   </p><p>  &lt;/text&gt;</p><p>  </p><p>  &lt;path stroke= "firebrick" stroke-width= "3" d= "M86.81,8.15a27.79,27.79,0,0,1,0,39.33L47.48,86.81,8.15,47.48A27.81,27.81,0,0,1,47.48,8.15,27.79,27.79,0,0,1,86.81,8.15Z"/&gt;</p><p>  </p><p>&lt;/svg&gt;</p><p>&lt;style&gt;</p><p>body {</p><p> display: grid;</p><p> min-height: 100vh;</p><p> justify-content: center;</p><p> align-content: center;</p><p> background: repeating-linear-gradient(circle, white, yellow, red); </p><p> background: repeating-radial-gradient(circle, white, yellow, red);</p><p>}</p><p></p><p></p><p>.heart {</p><p> width: 250px;</p><p> animation: heart-beat .5s 4.85s infinite ease-in-out alternate;</p><p>}</p><p></p><p></p><p>@keyframes heart-beat {</p><p>  to{</p><p>   transform: scale(1.05);</p><p>  }</p><p>}</p><p></p><p></p><p>path {</p><p> fill: none;</p><p> stroke-dasharray: 286;</p><p> stroke-dashoffset: 286;</p><p> animation: heart-path 5s forwards;</p><p> .ocultarText: color:transparent ;</p><p>}</p><p></p><p></p><p>@keyframes heart-path {</p><p> 99% {</p><p>   stroke-dashoffset: 0;</p><p>   fill: none;</p><p> }</p><p> 100% {</p><p>   fill: firebrick;</p><p> }</p><p>}</p><p></p><p>&lt;/style&gt;</p><p></p><p></p><p>

Similar questions