— 2 Comments— 22 KudosPinned
Category: Friends
:root { --logo-blue: #887dae; --darker-blue: #df92be; --lighter-blue: #ffc0c0; --even-lighter-blue: #ccc; --lightest-blue: #b893be; --dark-orange: #333; --light-orange: #181818; --even-lighter-orange: #404040; --green: #38d; } * { font-family: monospace; } body {background: url("https://data.whicdn.com/images/197122776/original.gif") no-repeat fixed; » Continue Reading
» View Blog Entry
— 3 Comments— 4 Kudos
Category: Writing and Poetry
body{ background-image: ); background-image:url(https://64.media.tumblr.com/578ed7dbe9e1ab2f938d1cdb789a9de2/9aad0ce247ef6597-d9/s500x750/a03e154c2760904535590144a7a421ac056cf636.gifv); Background-size: 100%; } body::after { content: ""; background: url('https://i.imgur.com/9DCsiKm.png'); position: absolute; white-space: pre; background-size: 100%; } main:before { background-image: url(https://i.p... » Continue Reading
» View Blog Entry
— 2 Comments— 7 Kudos
Category: Writing and Poetry
body::before { } .col, main, footer, nav::before, .online, nav .links, nav .top { animation: float 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } .col, main, footer, nav::before, .online, nav .links, nav .top { animation: float 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } @keyframes float { 0% { transform: translate(0, 0px);... » Continue Reading
» View Blog Entry
— 2 Kudos
Category: Writing and Poetry
html:before { animation: grain 8s steps(10) infinite; background-image: url('http://pngimg.com/uploads/rain/rain_PNG13470.png'); content: ""; height: 300%; left: -50%; opacity:.5; position: fixed; top: -110%; width: 300%; pointer-events:none; } @keyframes grain { 0%, 100% { transform:translate(0, 0) } 10% { transform:translate(-5%, -10%) } 20% { transform:translate(-15%, 5%) } 30% { transform:tran... » Continue Reading
» View Blog Entry
— 8 Kudos
Category: Writing and Poetry
body::before { } .col, main, footer, nav::before, .online, nav .links, nav .top { animation: float 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } .col, main, footer, nav::before, .online, nav .links, nav .top { animation: float 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } @keyframes float { 0% { transform: translate(0, 0px);... » Continue Reading
» View Blog Entry
— 11 Comments— 24 Kudos
Category: Art and Photography
body:before { content: " "; height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url('https://64.media.tumblr.com/0e4da53d1d9bf6ab84de2349d473e167/15bf7abe3edbb159-d9/s540x810/fd8055cf34c7ccc0c6be96c3abdcf50746ae1cdb.gifv'); background-size: cover; background-repeat: no-repeat; background-position:center; animation: yourAnimation 3s ease 2s... » Continue Reading
» View Blog Entry
— 2 Kudos
Category: Art and Photography
main:before { width: 100%; height: 150px; display: block; content: ""; background-image: url(https://i.pinimg.com/originals/16/65/99/166599feafdfce41a11e322a6def0ca3.gif); background-position: center center; background-size: cover; border: solid pink 3px; } .profile { background-color: white!important; opacity: ; border: solid white !important; } .contact { border-radius: 50px; background-image: u... » Continue Reading
» View Blog Entry