stardustcodes

kirby - moodboard

May 27th, 2020
118
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.16 KB | None | 0 0
  1. <div class="kirby1"><div class="kirby2" style="background: url(https://via.placeholder.com/500)"></div><div class="kirby3"><img src="https://via.placeholder.com/245x160"><img src="https://via.placeholder.com/245x160"><img src="https://via.placeholder.com/500x180"><img src="https://via.placeholder.com/245x160"><img src="https://via.placeholder.com/245x160"></div></div>
  2. <div class="stcred"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>
  3.  
  4. <style>.kirby1 {margin: 0 auto; width: 520px; height: 520px; border-radius: 50%; border: 1px solid #eee}.kirby2 {width: 500px; height: 500px; background: url(https://via.placeholder.com/500); border-radius: 50%; border: 10px solid #fff; overflow: hidden; position: relative}.kirby3 {width: 501px; height: 501px; background: #fff; border-radius: 50%; overflow: hidden; text-align: center; position: absolute; margin: -511px 0 0 10px; transition: 1s; opacity: 0}.kirby3 img {margin: 1px}.kirby3:hover {opacity: 1}.stcred {margin: 0 auto; width: 500px; text-align: center} .stcred a {text-decoration: none; font-family: calibri; font-size: 9px; color: #888; text-transform: uppercase; letter-spacing: 3px}</style>
Add Comment
Please, Sign In to add comment