~Echo~'s profile picture

Published by

published
updated

Category: SpaceHey

profile Gif intro tut

First step is to input this code into your About me

second things is go onto the Giphy website and right click or tap with two fingers and press "open image in new tab" to the Gif you want, then copy the whole link (for example: https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExOXk0ODJjMzF4bHZqOWJlcWVlcmx6NnR4YTlmeTN4ZHgyNGNhZDQ2aSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/Xy7fROzCi0V27doYnW/giphy.gif)

and lasty you need to put the Gif link in the "PUT LINK HERE" and don't remove the ('')

and now you should have a beautiful intro!

<!-- (c) Layout/Blog created by ~Echo~ (https://spacehey.com/echolocation) -->


<style>

body:before {


content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('PUT LINK HERE');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

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

pointer-events: none;


}

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

</style>


0 Kudos

Comments

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