Halaman utama Jelajahi Bantuan
Masuk
Atenea
/
sgi
2
0
Fork 0
Berkas Masalah 0 Permintaan Tarik 0 Wiki
Cabang: master
Ranting Tag
sgi
/
navidad
/
css
/
button3d.css

button3d.css 2.0 KB
Permalink Riwayat Mentahan

123456789101112131415161718192021222324252627282930313233 
  1. /* 
    2. 

  2.     https://codepen.io/bsngr/details/rEehp
    3. 

  3.     Created on : 8/12/2020, 09:24:06 AM
    4. 

  4.     Author     : Alejandro
    5. 

  5. */
    6. 

  6. .btn3d {position: relative;border: 0 !important;cursor: pointer;-webkit-font-smoothing: antialiased;font-weight: bold !important;border: 0;text-shadow: 0px 1px 0px #999999;background-color: #cccccc;border-radius: 10px;transition: .05s all ease; text-decoration: none; padding: .5rem 1rem;}
    7. 

  7. .btn3d:focus {outline: 0;}
    8. 

  8. .btn3d:active {top: 6px;}
    9. 

  9. .btn3d:hover {top: 2px;border: 0;background-color: #d9d9d9 !important;text-decoration: none;}
    10. 

  10. 

  11. .btn-primary {border: 0;text-shadow: 0px 1px 0px #000f35;background-color: #001d68;box-shadow: 0px 6px 0px #000f35;}
    12. 

  12. .btn-primary:hover {border: 0;background-color: #002482 !important;box-shadow: 0px 4px 0px #000f35;}
    13. 

  13. .btn-primary:active {box-shadow: 0px 3px 0px #000f35;}
    14. 

  14. 

  15. .btn-success {border: 0;text-shadow: 0px 1px 0px #1f350c;background-color: #375e16;box-shadow: 0px 6px 0px #1f350c;}
    16. 

  16. .btn-success:hover {border: 0; background-color: #43731b !important;box-shadow: 0px 4px 0px #1f350c;}
    17. 

  17. .btn-success:active {box-shadow: 0px 3px 0px #1f350c inset;}
    18. 

  18. 

  19. .btn-info {border: 0;text-shadow: 0px 1px 0px #7d7d7d;background-color: #969696;box-shadow: 0px 6px 0px #7d7d7d;}
    20. 

  20. .btn-info:hover {border: 0;background-color: #a3a3a3 !important;box-shadow: 0px 4px 0px #7d7d7d;}
    21. 

  21. .btn-info:active {box-shadow: 0px 3px 0px #7d7d7d inset;}
    22. 

  22. 

  23. .btn-warning {border: 0;text-shadow: 0px 1px 0px #b37c02;background-color: #e59f03;box-shadow: 0px 6px 0px #b37c02;}
    24. 

  24. .btn-warning:hover {border: 0;background-color: #fcb006 !important;box-shadow: 0px 4px 0px #b37c02;}
    25. 

  25. .btn-warning:active {box-shadow: 0px 3px 0px #b37c02 inset;}
    26. 

  26. 

  27. .btn-danger {border: 0;text-shadow: 0px 1px 0px #a30c28;background-color: #d21034;box-shadow: 0px 6px 0px #a30c28;}
    28. 

  28. .btn-danger:hover {border: 0;background-color: #ea123a !important;box-shadow: 0px 4px 0px #a30c28;}
    29. 

  29. .btn-danger:active {box-shadow: 0px 3px 0px #a30c28 inset;}
    30. 

  30. 

  31. .btn-link {text-shadow: none;background: none !important;}
    32. 

  32. .btn-link:hover {border: 0;background: none !important;top: 0;}
    33. 

  33. .btn-link:active {top: 0;}
    34.