After many requests to make a presentation like "Presentation # 1937 - Animated Background" and pride. It is speed up in the image. You can change everything. I used https://css-tricks.com/almanac/properties/a/animation/ for the codes.
<p style="background-color:#000; width:500px; margin:auto; text-align:center;color:#fff; font-size: 10px;" title=" made by charly__6__">
<span style="background: linear-gradient(90deg, #FF3F3F 8%, #FF6F3F 8%, #FF6F3F 15%, #FFB83F 15%, #FFB83F 22%, #FFE83F 22%, #FFE83F 29%, #B8FF3F 29%, #B8FF3F 36%, #6FFF3F 36%, #6FFF3F 43%, #3FFF8F 43%, #3FFF8F 50%, #3FFFC2 50%, #3FFFC2 57%, #3FE8FF 57%, #3FE8FF 64%, #3FB8FF 64%, #3FB8FF 71%, #3F7FFF 71%, #3F7FFF 78%, #563FFF 78%, #563FFF 86%, #893FFF 86%, #893FFF 93%, #F53FFF 93%);animation: pulse 5s infinite;;margin-left: 20px; color: #000000; float: left; font-family: 'Trebuchet MS',Arial; font-size: 12px; margin-top: 10px;margin-bottom: 10px; padding: 0px; text-align:center; width: 460px;" title="made by charly__6__"><strong><span style="font-size:72px;">PRIDE</span></strong></span><br />
<br />
<br />
<span style="font-family:courier new,courier,monospace;letter-spacing: 3px;">Pride 2020 is here throughout the month of June!</span><br />
<br />
<span style="font-size:16px;"><span style="background-color: rgb(255, 63, 63); animation: 2s ease 0s infinite normal none running pulse; border-radius: 100px; margin-left: 20px; color: rgb(0, 0, 0); float: left; font-family: "Trebuchet MS", Arial; margin-top: 15px; padding: 0px; text-align: center; width: 100px; height: 100px; overflow: hidden;" title="made by charly__6__"><strong>BLACK<br />
LIVES<br />
MATTER!</strong></span></span><span style="font-family:lucida sans unicode,lucida grande,sans-serif;"><span style="font-family:georgia,serif;">MORE EQUALITY <span style="font-family:tahoma,geneva,sans-serif;">MORE HOPE</span></span></span><br />
<br />
<span style="font-size:16px;"><span style="background-color: #ffe83f; animation: 2s ease 0s infinite normal none running pulse; border-radius: 100px; margin-left: 20px; color: rgb(0, 0, 0); float: left; font-family: "Trebuchet MS", Arial; margin-top: 15px; padding: 0px; text-align: center; width: 100px; height: 100px; overflow: hidden;" title="made by charly__6__"><strong><span class="tlid-translation translation" lang="en"><span title="">Equality</span></span></strong></span></span><span style="font-family:georgia,serif;">MORE HUMANITY</span> <span style="font-family:comic sans ms,cursive;">MORE PRIDE</span> <span style="font-family:times new roman,times,serif;">MORE ACCEPTANCE </span><strong><span style="font-family:arial,helvetica,sans-serif;">MORE LOVE</span></strong><br />
<span style="font-size:16px;"><span style="background-color: #6fff3f; animation: 1s ease 0s infinite normal none running pulse; border-radius: 100px; margin-left: 20px; color: rgb(0, 0, 0); float: left; font-family: "Trebuchet MS", Arial; margin-top: 15px; padding: 0px; text-align: center; width: 100px; height: 100px; overflow: hidden;" title="made by charly__6__"><strong><span class="tlid-translation translation" lang="en"><span title="">strong together</span></span></strong></span></span><br />
<br />
<span style="font-size:16px;"><span style="background-color: #3fe8ff; animation: 3s ease 0s infinite normal none running pulse; border-radius: 100px; margin-left: 20px; color: rgb(0, 0, 0); float: left; font-family: "Trebuchet MS", Arial; margin-top: 15px; padding: 0px; text-align: center; width: 100px; height: 100px; overflow: hidden;" title="made by charly__6__"><strong><span class="tlid-translation translation" lang="en"><span title="">justice</span></span></strong></span></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-size: 28px;">⭐️⭐️⭐️⭐️⭐️</span><br />
<span style="font-size: 20px;"><b>THANK YOU FOR THE FIVE STARS!<br />
THANK YOU FOR YOUR SUPPORT</b><br />
leave a comment in my guestbook<br />
so I can visit your page!</span><br />
<br />
</p>
No comments:
Post a Comment
Note: only a member of this blog may post a comment.