Advertisement
peachygirl

button

Dec 4th, 2021
5,515
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.02 KB | None | 0 0
  1. <!--- cyberpink button ---->
  2.  
  3. <head>
  4. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
  5. </head>
  6.  
  7. <style>
  8. #button { position: relative; bottom: -0.3em; z-index:500; } /* change this if you dont want it positioned */
  9.  
  10. #button {
  11. display: flex;
  12. align-items: center;
  13. background: white;
  14. padding:4px;
  15. width:auto;
  16. border-radius:30px;
  17. }
  18.  
  19. p3 {
  20. display: flex;
  21. align-items: center;
  22. font-size: .9em;
  23. color: #fff;
  24. font-family: “georgia”;
  25. animation:blinkingText .875s infinite;
  26. margin: auto;
  27. }
  28. @keyframes blinkingText{
  29. 0%{ color: #fff; }
  30. 49%{ color: #fff; }
  31. 60%{ color: #FFA4D6; }
  32. 99%{ color: #FFA4D6; }
  33. 100%{ color: #fff; }
  34. }
  35. </style>
  36.  
  37. <div id="button"><i class="fas fa-globe" style="font-size:20px; color: #FFB3DE;"></i> <text style="color:#BBB6B8;display: flex;
  38. align-items: center;font-family:arial;
  39. font-size:.865em;">&nbsp;www.girlgogames.com <p3>&nbsp;|</p3></div>
  40.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement