Hero-Carousel-images.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. .fit-cover {
  2. object-fit: cover;
  3. }
  4. section {
  5. }
  6. .hovai-box-image img {
  7. transform: scale(1);
  8. transition: all ease 0.5s;
  9. }
  10. div {
  11. }
  12. .hovai-demo-box:hover .hovai-box-image img {
  13. transform: scale(1.1);
  14. transition: all ease 0.5s;
  15. }
  16. .hovai-demo-box:hover .hovai-box-image img {
  17. transform: scale(1.1);
  18. transition: all ease 0.5s;
  19. }
  20. .hovai-demo-box {
  21. position: relative;
  22. overflow: hidden;
  23. padding: 0;
  24. margin: 0px;
  25. }
  26. .hovai-demo-box:hover .hovai-box-details {
  27. display: block;
  28. /*top: 0;*/
  29. /*transition: all ease .5s;*/
  30. }
  31. .hovai-box-details {
  32. position: absolute;
  33. top: 0;
  34. background: rgba(0, 0, 0, .5);
  35. /*display: block;*/
  36. width: 100%;
  37. height: 100%;
  38. color: #fff;
  39. padding: 1rem;
  40. font-weight: bold;
  41. display: none;
  42. /*top: -100%;*/
  43. text-decoration: none;
  44. transition: all ease .5s;
  45. }
  46. footer .bi {
  47. margin-right: .5rem;
  48. }
  49. @keyframes slide-in {
  50. 0% {
  51. transform: translate(-100%,-100%);
  52. }
  53. 100% {
  54. transform: translate(0);
  55. }
  56. }
  57. .slide-animate {
  58. /*animation: slide-in 1s forwards;*/
  59. }
  60. .share-btn:focus, .share-btn:hover {
  61. background-color: #1a4f84!important;
  62. }