API tools faq
paste
Emmes

27.- Unicorn (relas)

Emmes
Oct 5th, 2019
414
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.26 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <div class="VGI" style="text-shadow: 2px 2px #ff4170, 0 0 10px #ff4170;">
  4. <div class="ttVGI" style="background: linear-gradient(135deg, #ff7faa 0%, #ff4170 100%); box-shadow: inset 0 -4px 2px -2px #ff4170;">Conoce a...
  5. <span>Nombre Apellido</span><img src="https://i.imgur.com/G9taTg4.jpg?1" style="box-shadow: 2px 2px #ff4170, 0 0 10px #ff4170;">
  6. <div class="taVGI"><i class="far fa-heart"></i>Relaciones</div>
  7. <div class="piVGI" style="background: #ff4170;"></div></div><div class="keVGI" style="color: #ff4170;">
  8. <div class="lasVGI">
  9. <div class="pjVGI" style="background: url(https://i.imgur.com/JHcRQcI.jpg?1);"><a href="URL" style="color: #ff4170;">Nombre <i>Mejor Amigo</i></a></div>
  10. <div class="pjVGI" style="background: url(https://i.imgur.com/29whlI9.jpg?1);"><a href="URL" style="color: #ff4170;">Nombre <i>Mejor Amigo</i></a></div>
  11. <div class="pjVGI" style="background: url(https://i.imgur.com/lFdqShZ.jpg?1);"><a href="URL" style="color: #ff4170;">Nombre <i>Mejor Amigo</i></a></div>
  12. <div class="pjVGI" style="background: url(https://i.imgur.com/5kFosye.jpg?1);"><a href="URL" style="color: #ff4170;">Nombre <i>Mejor Amigo</i></a></div>
  13. <div class="pjVGI" style="background: url(https://i.imgur.com/JHcRQcI.jpg?1);"><a href="URL" style="color: #ff4170;">Nombre <i>Mejor Amigo</i></a></div>
  14. <div class="pjVGI" style="background: url(https://i.imgur.com/29whlI9.jpg?1);"><a href="URL" style="color: #ff4170;">Nombre <i>Mejor Amigo</i></a></div>
  15. <div class="pjVGI" style="background: url(https://i.imgur.com/lFdqShZ.jpg?1);"><a href="URL" style="color: #ff4170;">Nombre <i>Mejor Amigo</i></a></div>
  16. <div class="pjVGI" style="background: url(https://i.imgur.com/5kFosye.jpg?1);"><a href="URL" style="color: #ff4170;">Nombre <i>Mejor Amigo</i></a></div>
  17. <div class="pjVGI" style="background: url(https://i.imgur.com/JHcRQcI.jpg?1);"><a href="URL" style="color: #ff4170;">Nombre <i>Mejor Amigo</i></a></div>
  18. <div class="pjVGI" style="background: url(https://i.imgur.com/29whlI9.jpg?1);"><a href="URL" style="color: #ff4170;">Nombre <i>Mejor Amigo</i></a></div>
  19. <div class="pjVGI" style="background: url(https://i.imgur.com/lFdqShZ.jpg?1);"><a href="URL" style="color: #ff4170;">Nombre <i>Mejor Amigo</i></a></div>
  20. <div class="pjVGI" style="background: url(https://i.imgur.com/5kFosye.jpg?1);"><a href="URL" style="color: #ff4170;">Nombre <i>Mejor Amigo</i>
  21. </a></div>
  22. <div class="pjVGI" style="background: url(https://i.imgur.com/JHcRQcI.jpg?1);"><a href="URL" style="color: #ff4170;">Nombre <i>Mejor Amigo</i></a></div>
  23. <div class="pjVGI" style="background: url(https://i.imgur.com/29whlI9.jpg?1);"><a href="URL" style="color: #ff4170;">Nombre <i>Mejor Amigo</i></a></div>
  24. <div class="pjVGI" style="background: url(https://i.imgur.com/lFdqShZ.jpg?1);"><a href="URL" style="color: #ff4170;">Nombre <i>Mejor Amigo</i></a></div>
  25. </div></div>
  26. </div><a href="https://emmescodes.tumblr.com/" class="miVGI" style="color: #ff4170;">code by EMME</a>
  27.  
  28. <link href="https://fonts.googleapis.com/css?family=Gloria+Hallelujah|Roboto" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous"><style>.VGI, .VGI * {box-sizing: border-box;} .VGI div::-webkit-scrollbar {width: 3px !important; background: #0006 !important;} .VGI div::-webkit-scrollbar-thumb {background: #0006 !important;} .VGI {width: 330px; margin: auto; background: #FFF; box-shadow: 5px 5px 15px #0009; position: relative; text-align: center; overflow: hidden;} .ttVGI {color: #FFF; position: relative; padding: 30px 0 0; font: 12px Roboto;} .VGI br {display: none;} .ttVGI span {font: 18px/18px Gloria Hallelujah; display: block;} .ttVGI img {width: 100px; display: block; margin: 20px auto; border-radius: 50%; height: 100px; border: 2px solid; padding: 3px;} .piVGI, .ttVGI:after {-webkit-mask-image: url(https://i.imgur.com/X2D4E04.png); -webkit-mask-size: contain;mask-image: url(https://i.imgur.com/X2D4E04.png); width: 28px; height: 7px; background: #FFF; mask-size: contain; position: absolute; bottom: 0; left: calc(50% - 14px); content: ""; transition: .5s;} .piVGI {margin: 0 0 0 3px; bottom: 2px;} .taVGI {font: 10px roboto; text-transform: uppercase; letter-spacing: 2px; padding: 10px 45px 25px;} .taVGI i {font-size: 20px; padding-right: 5px; vertical-align: middle;} .keVGI {background: #0001; margin: 20px; text-shadow: none; padding: 5px 1px 1px;} .lasVGI {margin: 20px; height: 310px; overflow: auto;} .pjVGI {width: 70px; height: 70px; margin: 3px; display: inline-block; vertical-align: top; background-size: cover !important; position: relative; perspective: 100px;} .pjVGI:hover {z-index: 100;} .pjVGI a {background: #FFFC; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) translateZ(-1000px); padding: 25px 10px; border-radius: 50%; box-shadow: 0 0 0 10px #FFF7; font: bold 12px Roboto; text-transform: uppercase; letter-spacing: 2px; transition: .5s; opacity: 0;} .pjVGI:hover a {transform: translateX(-50%) translateY(-50%) translateZ(-0px); opacity: 1;} .pjVGI a i {font: 10px roboto; color: #666; text-transform: none; letter-spacing: 0;} .miVGI {font: 10px/15px Roboto !important; display: block; text-align: center; transition: .5s;} .miVGI:hover {letter-spacing: 5px;}</style>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!