jquery.gallary.css 620 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. .gallary {
  2. padding: 0;
  3. overflow: hidden;
  4. position: relative;
  5. padding-left: 20px;
  6. }
  7. .gallary .gallary-item {
  8. position: absolute;
  9. opacity: 0;
  10. filter: blur(15px);
  11. transition: opacity 0.5s, filter 0.5s;
  12. }
  13. .gallary .gallary-item.current {
  14. opacity: 1;
  15. filter: blur(0);
  16. }
  17. .col-md-4 .gallary-item {
  18. position: absolute;
  19. opacity: 0;
  20. filter: blur(15px);
  21. transition: opacity 0.5s, filter 0.5s;
  22. }
  23. .col-md-4 .gallary-item.current {
  24. opacity: 1;
  25. filter: blur(0);
  26. position: relative;
  27. }
  28. #small-gallary {
  29. position: relative;
  30. margin-top: 15px;
  31. }
  32. #arrow {
  33. position: absolute;
  34. z-index: 1;
  35. width: 780px;
  36. left: 0;
  37. }