elisewhite

Bottom Left Updates Tab - CSS

Dec 7th, 2013
154
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.12 KB | None | 0 0
  1. #container-bottom-left {
  2. /*don't change anything*/
  3. position:fixed;
  4. left:0px;
  5. bottom:0px;
  6. z-index:999;
  7. }
  8.  
  9. #container-bottom-left:hover #text-bottom-left {
  10. opacity:1; /*don't change*/
  11. /*transition speed: 0.1 = slowest and 1 = fastest*/
  12. -webkit-transition: all .7s ease-in-out;
  13. -moz-transition: all .7s ease-in-out;
  14. -o-transition: all .7s ease-in-out;
  15. }
  16.  
  17. #text-bottom-left {
  18.  
  19. /*you can change the things below this*/
  20. font-size:10px;
  21. font-family:calibri;
  22. text-align:center;
  23. width:125px; /*how wide the text spans*/
  24. bottom:30px; /*higher number = farther up on page*/
  25.  
  26. /*don't change anything below this*/
  27. left:100px;
  28. padding:0px 5px 0px 5px;
  29. position:fixed;
  30. opacity:0;
  31.  
  32. /*transition speed: 0.1 = slowest and 1 = fastest*/
  33. -webkit-transition: all .7s ease-in-out;
  34. -moz-transition: all .7s ease-in-out;
  35. -o-transition: all .7s ease-in-out;
  36.  
  37. }
  38.  
  39. #image-bottom-left img {
  40. /*don't change anything*/
  41. width: 100px;
  42. height: auto;
  43. bottom:0px;
  44. left:0px;
  45. }
Advertisement
Add Comment
Please, Sign In to add comment