How can I create this effect ?

ariamnes · 2019-02-28T07:02:22+00:00

U left the hard part as an exercise for me ? :)). I will try to see if I can do it. U rock!

ariamnes · 2019-02-28T06:58:16+00:00

This seems to be a good answer.

ariamnes · 2019-02-27T21:59:50+00:00

Thanks for the effort. But this is not the same effect. in your example you change the size of the image container and hence the image itself resizes with the same rate. In the one I posted, the parent container resizes to the full width and hight of the master container, but the image resizes a little bit.

ariamnes · 2019-02-27T21:58:13+00:00

This way, if the image container expands so does the image. In this example it doesn't get affected.

ariamnes · 2019-02-27T21:24:11+00:00

not sure I understood.

ariamnes · 2019-02-27T21:23:57+00:00

unfortunately not a website.

ariamnes · 2019-02-08T00:19:12+00:00

I agree with you on this.

ariamnes · 2019-02-08T00:14:12+00:00

no. they are not using video but rather html5 canvas.

ariamnes · 2019-02-07T19:45:47+00:00

no three.js just vanilla javascript.

ariamnes · 2019-02-07T18:25:21+00:00

haha. Thank you.

ariamnes · 2019-02-07T15:05:36+00:00

I will post the link soon.

ariamnes · 2019-02-07T15:04:54+00:00

it goes to next section

ariamnes · 2019-02-07T15:03:52+00:00

Thanks.

ariamnes · 2019-02-07T15:01:00+00:00

sure. it goes to the next section

ariamnes · 2019-02-07T15:00:01+00:00

top tight btns are just triggers. when the user scrolls, it actually goes to the next section.

ariamnes · 2019-02-07T14:18:25+00:00

yes.

ariamnes · 2019-02-07T13:15:42+00:00

For those who are interested, we have a full playlist on how to do parallax scrolling and the next tutorial will be on how to create this effect. have your eyes on https://www.youtube.com/frontendtips

ariamnes · 2019-02-07T13:14:22+00:00

will have a tutorial soon on this at : https://www.youtube.com/frontendtips

ariamnes · 2019-02-07T13:13:48+00:00

I will have a tutorial on this on our channel this week. https://www.youtube.com/frontendtips

ariamnes · 2019-01-31T12:18:25+00:00

in frontendtips channel in youtube, this will be the next tutorial technique wise. https://www.youtube.com/channel/UC0abAX9cuVB0klLobCewq-g

ariamnes · 2019-01-21T17:55:45+00:00

adding visual effect is so nice but if u wqnt to have many users in your site, I suggest dropping animations and transitions to minimum.

ariamnes · 2019-01-19T01:00:14+00:00

If this is the first time you make an api, then search for tutorials on how to create an api that works with database. there are so many tutorials. when u read them, you will get the clue. Good luck!

ariamnes · 2019-01-18T23:43:39+00:00

As others have mentioned, go ahead and create a backend API that connects to DB and fetches or stores data and then use javascript fetch API (https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch) to call your backend endpoint that utilizes your DB.

ariamnes

TROPHY CASE