ruesha

recording 06/08

Jun 9th, 2024
340
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.94 KB | None | 0 0
  1. <head>
  2. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
  3. </head>
  4.  
  5. <style>
  6.  
  7. #recording { position: relative; bottom: -0.3em; z-index:500; } /* change this if you dont want it positioned */
  8.  
  9. #recording {
  10. display: flex;
  11. align-items: center;
  12. background: #ffffff00;
  13. position: absolute;
  14. z-index: 30;
  15. bottom: 10px;
  16. left: 10px;
  17. }
  18.  
  19. p3 {
  20. display: flex;
  21. align-items: center;
  22. font-size: 16px;
  23. color: #fff;
  24. font-family: pixel;
  25. animation:blinkingText .875s infinite;
  26. margin: auto;
  27. }
  28. @keyframes blinkingText{
  29. 0%{ color: #ffffff00; }
  30. 49%{ color: #ffffff00; }
  31. 60%{ color: #abb8a5; }
  32. 99%{ color: #abb8a5; }
  33. 100%{ color: #ffffff00; }
  34. }
  35. </style>
  36.  
  37. <div id="recording"><text style="color:#ffffff;display: flex;
  38. align-items: center;font-family:pixel;
  39. font-size:11px;">&nbsp;REC<p3>&nbsp;●</p3></div>
Advertisement
Add Comment
Please, Sign In to add comment