YUN

๐Ÿ‘ˆ Back to the Project

KAKAO
FRIENDS

View Code Demo

์นด์นด์˜ค ํ”„๋ Œ์ฆˆ ํด๋ก  ์ฝ”๋”ฉ < ๋ฉ”์ธ, ๋ฉ”๋‰ด, ํŒ์—… >

  • ๊ธฐ์—ฌ๋„

    ๊ฐœ์ธ 100%

  • ๊ธฐ๊ฐ„

    2022.10

  • ๊ธฐ์ˆ  ์Šคํƒ

    HTML CSS jQuery

Overview

๋กœ๊ทธ์ธ ํ•„์š”์‹œ popup์ฐฝ์„ ์ถœ๋ ฅํ•˜๋„๋ก ๊ตฌํ˜„ํ•˜์˜€๊ณ , ์‚ฌ์ด๋“œ ๋ฉ”๋‰ด์˜ <์บ๋ฆญํ„ฐ> ์˜์—ญ์— hover ํšจ๊ณผ๋ฅผ ์ฃผ์–ด ์บ๋ฆญํ„ฐ ์ด๋ฏธ์ง€๋ฅผ ๋ณ€๊ฒฝํ•˜์˜€์Šต๋‹ˆ๋‹ค.
jQuery๋ฅผ ์ด์šฉํ•˜์—ฌ ์„œ๋ธŒ ๋ฉ”๋‰ด์— ์Šฌ๋ผ์ด๋“œ ํšจ๊ณผ๋ฅผ ์ ์šฉํ•˜์˜€์Šต๋‹ˆ๋‹ค.
์–ด๋– ํ•œ ํ™˜๊ฒฝ์—์„œ ๋ณด๋”๋ผ๋„ ๋ชจ๋ฐ”์ผ ์•ฑ๊ณผ ๋™์ผํ•˜๊ฒŒ ๋ณด์ด๋„๋ก ๊ฐœ๋ฐœํ•˜์˜€์Šต๋‹ˆ๋‹ค.

Preview

Work

๋ฉ”์ธ ํ™”๋ฉด

๋ฉ”๋‰ด

ํŒ์—…์ฐฝ