Follow

Follow

Series

CSS

CSS

Articles in this series

Cool features of Styled components 💅

Jan 10, 20243 min read

I've realised why experienced developers say learning never stops. When I first tried styled components, I knew they were cool, but it was a bit...

[CSS] Add gradation effect to your text!

Nov 24, 20221 min read

👉 linear-gradient() MDN 글씨에 그라데이션 효과넣기 방법! 일단 예시로 <h1> tag를 사용하여 글씨를 작성 CSS에 상위에 background속성에 linear-gradient를 써주고 그라데이션 방향(to right)을 써준 후 원하는색깔을...

[CSS] Add gradation effect to your text!

[CSS] Order of CSS properties

Aug 20, 20221 min read

I've received some code reviews and I'd like to share the below since it seems very useful to have clear codes. Order of CSS properties Layout...

[CSS] Order of CSS properties

[CSS] overflow / text-overflow

Jul 28, 20221 min read

how to reduce a long sentence with '...' · overflow : 넘처 흐르다 위의 사진처럼 맥주병의 크기는 한계가 있는데 맥주가 넘처 흐를때, 같은 의미로 할당된 공간에 비해 content의 내용이 넘처 흐를 때, 공간을 visually...

[CSS] overflow / text-overflow

[CSS] transform

Jul 26, 20221 min read

translate() / matrix() / scale() / rotate() / skew() · The transform CSS property lets you rotate, scale, skew, or translate an element. It modifies the...

[CSS] box-sizing

Jul 23, 20222 min read

and the retrospect of 1st week of coding Bootcamp · 공부하다가 새로운 property 발견!! 바로 box-sizing이다. mdn만 읽어서는 무슨 말인지 잘 몰라서 직접 해보았다. 역시 직접 해봐야 이해가...