vita-lenta-clone
ํ๋ก์ ํธ ์ํ: ์ ์ ์์I recently came across the beautifully designed Vita Lenta restaurant website and was instantly drawn to its smooth scroll-based animations and elegant preloader. As a UI/UX designer, I took it as a challenge to reverse engineer the experience using pure HTML, CSS, and GSAPโand Iโm excited to share the results! ๐
- ๋์ ์ํํธ์จ์ด ๋๋ ํ๋์จ์ด
- ์์ ์ ํ
- ๊ธฐ๋ณธ ๊ณต๊ฐ ์ ์ฅ์
- github.com/hiruwithana/vita-lenta-clone
๋ง์ง๋ง์ผ๋ก ํ์ธํ ์ ์ฅ์ ์คํ ์๋ฅผ ๊ธฐ์ค์ผ๋ก ์ ๋ ฌํฉ๋๋ค. ์คํ ์๋ ๊ด์ฌ๋๋ฅผ ๋ํ๋ด๋ฉฐ ์์ฑ๋๋ฅผ ๋ปํ์ง ์์ต๋๋ค. ํ์ธํ์ง ๋ชปํ ์์น๋ ์ ์ ์์์ผ๋ก ํ์ํฉ๋๋ค.
์ ์ฅ์ ๋ฉํ๋ฐ์ดํฐ๋ฅผ ๊ฐฑ์ ํด์ผ ํฉ๋๋ค. ๊ธฐ์กด์ ์ ์ฅ๋ ๋ฑ์ฌ ์ ๋ณด๋ ๊ณ์ ๋ณผ ์ ์์ต๋๋ค.
์๊ฐ ๋ฐ ๋ฒ์
I recently came across the beautifully designed Vita Lenta restaurant website and was instantly drawn to its smooth scroll-based animations and elegant preloader. As a UI/UX designer, I took it as a challenge to reverse engineer the experience using pure HTML, CSS, and GSAPโand Iโm excited to share the results! ๐
๊ธฐ์ฌ ์๋ฝ ์ฌ๋ถ
๊ธฐ์ฌ ์ ์ฑ ์ ์ ์ ์์
- AI๋ฅผ ํ์ฉํ ๊ธฐ์ฌ ์ ์ฑ
- ๋ช ์๋์ง ์์
๊ธฐ์ฌ ํ๊ฒฝ ๋ฌธ์์ ๋ช ์๋ OS
๊ธฐ์ฌ ํ๊ฒฝ์ด ๊ธฐ๋ก๋์ง ์์ ํ๋ก์ ํธ
๋ณด๊ณ ๋ ์ง์ฒ๋
์ง์ฒ๋ ๋ณด๊ณ ์์
์์ค, ๋น๋ ๋ฐ ๋ฆด๋ฆฌ์ค
- ์ ์ฅ์ ์ด๊ธฐ ยท github.comgithub.com/hiruwithana/vita-lenta-clone