Advertisement
Guest User

Untitled

a guest
Nov 22nd, 2017
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.33 KB | None | 0 0
  1. Animacja obrazków występuje mniej więcej między 1800px a 2400px ( $(document).scrollTop(); ) (mniej więcej! :D, nie musi być dokładnie tyle!)
  2. Ważne by animacja kończyła się na mniej więcej na 2400px
  3.  
  4. Właściwości obrazków:
  5.  
  6. &--top{
  7. position: absolute;
  8. z-index: 2;
  9. width: 1001px;
  10. height: 503px;
  11. left: 795px;
  12. filter: drop-shadow(0 262px 30px rgba(172, 175, 175, .20));
  13.  
  14. }
  15.  
  16. &--bottom{
  17. position: absolute;
  18. z-index: 1;
  19. width: 1180px;
  20. height: 609px;
  21. left: 700px;
  22. filter: drop-shadow(0 55px 10px rgba(172, 175, 175, .20));
  23. }
  24.  
  25. Położenie końcowe - finalne, pożądane - koniec animacji (połozenie dokładnie takie w px, jak załadujesz strone ponizej obrazków to też powinno być to położenie)
  26.  
  27. &--top{
  28. top: -176px;
  29. }
  30.  
  31. &--bottom{
  32. top: -130px;
  33. }
  34.  
  35. Położenie początkowe obrazków (jak załadujesz strone powyżej obrazków, oczywiście to NIE MUSI BYC DOKŁADNIE TEN PX
  36. najważniejsze jest POŁOŻENIE KOŃCOWE bo to ono jest pożądane)
  37.  
  38. &--top{
  39. top: -266px;
  40. }
  41.  
  42. &--bottom{
  43. top: -40px;
  44. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement