Report Blog Entry
Basics Basic editing (background, tables, fonts…) Use link and fill in your info Click generate code Copy and paste in the about me blurb Table gradient Click link Edit your gradient Scroll down and copy the info in blue box Paste info in about me section under main { } (Ex) main { background: rgb(255,164,0); background: linear-gradient(0deg, rgba(255,164,0,1) 0%, rgba(252,232,196,1) 100%); } Glitter text https://picasion.com/glitter-maker/ Use link and edit you glitter Copy HTML code Paste in any section Spotify/ other embeds Spotify embed Click on the … by the playlist/song you want Click share Copy embed code Paste in any section Other- follow same steps Snowflakes Code is below! It’s a good starting point, edit as you like. Follow basic CSS rules <div class="snowflakes"> <div class="snowflake"> </div> <div class="snowflake"> </div> <div class="snowflake"> </div> <div class="snowflake"> </div> <div class="snowflake"> </div> <div class="snowflake"> </div> <div class="snowflake"> </div> <div class="snowflake"> </div> <div class="snowflake"> </div> <div class="snowflake"> </div> <div class="snowflake"> </div> <div class="snowflake"> </div> </div> <style> /* customizable snowflake styling */ .snowflake { color: #fff; font-size: 1em; font-family: Arial, sans-serif; text-shadow: 0 0 5px rgba(0,0,0,0.7); } @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s} </style> Comment other questions!
Editing tips n tricks!
2 Kudos
Comments
Displaying 0 of 0 comments ( View all | Add Comment )