🦄 CSS Only Marquee Effect 04 | HTML & CSS

by | Aug 28, 2021 | 0 comments

🦄 CSS Only Marquee Effect 04 | HTML & CSS

by | Aug 28, 2021 | CSS Tips and Tricks | 0 comments



text-shadow๋ฅผ ์จ์„œ ๊ธ€์ž๋ฅผ ์—ฌ๋Ÿฌ๋ฒˆ ๋ณด์ด๋„๋ก ํ•  ์ˆ˜ ์žˆ๋‹ค๋‹ˆ😱 ๊ทธ๋ฆผ์ž ํšจ๊ณผ๋ฅผ ์ด๋Ÿฐ์‹์œผ๋กœ ์ƒ๊ฐํ•ด๋ƒˆ๋‹ค๋Š”๊ฒŒ ๋„ˆ๋ฌด ์‹ ๊ธฐํ•˜์ง€ ์•Š๋‚˜์š”? ๋•๋ถ„์— ์ €ํฌ๋Š” ๊ทธ ๊ธฐ์ˆ ์„ ํ™œ์šฉํ•˜์—ฌ ๋”์šฑ ๋ฉ‹์ง€๊ณ  ํ™”๋ คํ•˜๊ฒŒ ์Šคํƒ€์ผ์„ ์ž…ํž ์ˆ˜ ์žˆ์–ด์„œ ๋งค์šฐ ๊ณ ๋งˆ์šธ ๋”ฐ๋ฆ„์ž…๋‹ˆ๋‹ค🙏 ํ•œ๊ฐ€์ง€ ๋” ์ถ”๊ฐ€๋กœ CSS์—์„œ๋„ ๋ณ€์ˆ˜๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ์‚ฌ์‹ค!! ์ด๋ฒˆ ๊ธฐํšŒ์— ํ•œ๋ฒˆ ๋„์ „ํ•ด๋ด…์‹œ๋‹ค. ์–ธ์ œ๋‚˜ ์ตœ๊ณ ์™€ ์ฒœ์žฌ๋“ค๋งŒ ์žˆ๋Š”๊ฑด ์•„๋‹ˆ๊ธฐ ๋•Œ๋ฌธ์— ์ตœ์ค‘์œผ๋กœ์„œ! ์ตœ์„ ์„ ๋‹คํ•ด ์—ฐ์Šตํ•ด๋ด…์‹œ๋‹ค😻

🧚‍♀️ https://developer.mozilla.org/ko/docs/Web/CSS/text-shadow
🧚‍♀️ https://css-tricks.com/almanac/properties/t/text-shadow/

🦥 https://github.com/coralcat/tutorial_marquee_effect
🌟 https://fonts.google.com

source