Computer Science, asked by chinchu9268, 1 year ago

2. How to Create at least 15 to 20 slides. Include Borders, Custom animation, transition, Images, Sound and Videos.

Answers

Answered by siddharthamondp7yj45
0
windows pc ho tho #MS PowerPoint
Mac ho tho #keytone
Answered by Kånhąiyã
2

&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;Heart&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div class="center-on-page"&gt;</p><p></p><p>&lt;div class="heart pulse"&gt;&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>body {</p><p></p><p>background: #e74c3c;</p><p></p><p>}</p><p></p><p>.center-on-page {</p><p></p><p>position: absolute;</p><p></p><p>top: 300px;</p><p></p><p>left: 50%;</p><p></p><p>transform: translate(-50%,-50%);</p><p></p><p>}</p><p></p><p>/* Heart styles */</p><p></p><p>.heart {</p><p></p><p>position: relative;</p><p></p><p>display: block;</p><p></p><p>width: 100px;</p><p></p><p>height: 100px;</p><p></p><p>background: #ecf0f1;</p><p></p><p>border-radius: 0 0 0 10px;</p><p></p><p>transform: rotate(-45deg);</p><p></p><p>animation: pulse 1s infinite;</p><p></p><p>}</p><p></p><p>.heart::before,</p><p></p><p>.heart::after {</p><p></p><p>position: absolute;</p><p></p><p>content: "";</p><p></p><p>width: 100px;</p><p></p><p>height: 100px;</p><p></p><p>background: #ecf0f1;</p><p></p><p>border-radius: 50%;</p><p></p><p>}</p><p></p><p>.heart::before {</p><p></p><p>top: -50px;</p><p></p><p>left: 0;</p><p></p><p>}</p><p></p><p>.heart::after {</p><p></p><p>top: 0;</p><p></p><p>right: -50px;</p><p></p><p>}</p><p></p><p>@keyframes pulse {</p><p></p><p>0%, 20% {</p><p></p><p>transform: rotate(-45deg) scale(1);</p><p></p><p>}</p><p></p><p>30% {</p><p></p><p>transform: rotate(-45deg) scale(1.2);</p><p></p><p>}</p><p></p><p>50% {</p><p></p><p>transform: rotate(-45deg) scale(1);</p><p></p><p>}</p><p></p><p>60% {</p><p></p><p>transform: rotate(-45deg) scale(1.1);</p><p></p><p>}</p><p></p><p>70%, 100% {</p><p></p><p>transform: rotate(-45deg) scale(1);</p><p></p><p>}</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;

Similar questions