Need a unique gift idea?
A Pastebin account makes a great Christmas gift
SHARE
TWEET

Untitled

a guest Oct 11th, 2018 57 Never
Upgrade to PRO!
ENDING IN00days00hours00mins00secs
 
  1. /* Otro semáforo CSS */
  2.  
  3. .semaforo,
  4. .semaforo:before,
  5. .semaforo:after {
  6. position: relative;
  7. width: 100px;
  8. height: 100px;
  9. border-radius: 50%;
  10. background: lightgrey;
  11. margin: 0 auto;
  12. }
  13. .semaforo:before {
  14. position: absolute;
  15. left: -100px;
  16. content: "";
  17. }
  18. .semaforo:after {
  19. position: absolute;
  20. right: -100px;
  21. content: "";
  22. }
  23. .verde {
  24. background: limegreen;
  25. }
  26. .naranja {
  27. background: orange;
  28. }
  29. .rojo {
  30. background: red;
  31. }
  32. .azul {
  33. background: blue;
  34. }
  35. .amarillo {
  36. background: yellow;
  37. }
  38.  
  39. .verdei:before {
  40. background: limegreen;
  41. }
  42. .naranjai:before {
  43. background: orange;
  44. }
  45. .rojoi:before {
  46. background: red;
  47. }
  48. .azuli:before {
  49. background: blue;
  50. }
  51. .amarilloi:before {
  52. background: yellow;
  53. }
  54.  
  55. .verded:after {
  56. background: limegreen;
  57. }
  58. .naranjad:after {
  59. background: orange;
  60. }
  61. .rojod:after {
  62. background: red;
  63. }
  64. .azuld:after {
  65. background: blue;
  66. }
  67. .amarillod:after {
  68. background: yellow;
  69. }
RAW Paste Data
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
 
Top