elsaofarendelle

Updated Tab

Aug 23rd, 2024
24
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.23 KB | None | 0 0
  1. Goes below <style type="text/css">
  2.  
  3. /* --- UPDATES START ---*/
  4.  
  5. #updates {
  6. background:#transparent;
  7. font-size:11px;
  8. color:#fff;
  9. text-align:left;
  10. height:18px;
  11. width:100px;
  12. padding:4px;
  13. top:20px;
  14. left:60px;
  15. z-index:10;
  16. position:fixed;
  17. overflow:hidden;
  18. -webkit-transition: all 0.5s ease-in-out;
  19. -moz-transition: all 0.5s ease-in-out;
  20. -o-transition: all 0.5s ease-in-out;
  21. }
  22.  
  23. #updates:hover {
  24. background:#transparent;
  25. height:200px;
  26. -webkit-transition: all 0.5s ease-in-out;
  27. -moz-transition: all 0.5s ease-in-out;
  28. -o-transition: all 0.5s ease-in-out;
  29. }
  30.  
  31. #updatestitle {
  32. font-size:20px;
  33. text-transform:uppercase;
  34. font-family: times;
  35. font-weight:bold;
  36. color:#fff;
  37. text-shadow:2px 2px 5px #632a20;
  38. transform: rotate(-9deg);
  39. -ms-transform: rotate(-9deg);
  40. -webkit-transform: rotate(-9deg);
  41. -o-transform: rotate(-9deg);
  42. -moz-transform: rotate(-9deg);
  43.  
  44. }
  45.  
  46. /* --- UPDATES END --- */
  47.  
  48. Goes below <body>
  49. <!-- UPDATES START -->
  50.  
  51. <div id="updates">
  52. <div id="updatestitle">hover</div>
  53.  
  54. <div style="padding-top:10px;">
  55.  
  56. <center>TEXT HERE</center>
  57.  
  58. </div></div>
  59.  
  60. <!-- UPDATES END -->
Advertisement
Add Comment
Please, Sign In to add comment