🌸|| Cappu™â˜…'s profile picture

Published by

published
updated

Category: Blogging

how to make your own animation entry!

1. Search the gif you want to make an entry animation

2. Copy the image url (Important!: the url needs to end with.gif)

3. Then, go to the "edit profile" part.

4. Put the following code in your "About me":

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 0s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>


5. Place the url between the background image url quotes and save it! It should work.


(Tell me if there's a error!)


1 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )