Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 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!)
- Ważne by animacja kończyła się na mniej więcej na 2400px
- Właściwości obrazków:
- &--top{
- position: absolute;
- z-index: 2;
- width: 1001px;
- height: 503px;
- left: 795px;
- filter: drop-shadow(0 262px 30px rgba(172, 175, 175, .20));
- }
- &--bottom{
- position: absolute;
- z-index: 1;
- width: 1180px;
- height: 609px;
- left: 700px;
- filter: drop-shadow(0 55px 10px rgba(172, 175, 175, .20));
- }
- 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)
- &--top{
- top: -176px;
- }
- &--bottom{
- top: -130px;
- }
- 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
- najważniejsze jest POŁOŻENIE KOŃCOWE bo to ono jest pożądane)
- &--top{
- top: -266px;
- }
- &--bottom{
- top: -40px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement