Notice
Recent Posts
Recent Comments
Link
| ์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- ์ธ๋ผ์ธ
- ์ธ๋ผ์ธ๋ธ๋ก
- ํฉ๊ณ ์๊ณ ๋ฆฌ์ฆ
- ํ๋ก๊ทธ๋๋จธ์ค ์ฝ๋ฉํ ์คํธ
- scss
- Em
- HTML
- ์๊ณ ๋ฆฌ์ฆ
- css
- ๋ฌธ์์ด
- ์ ๊ฐ์ฐ์ฐ์
- javascript
- string
- carousel slider
- html ํ๊ทธ
- @mixin
- ::before
- inline
- float
- object
- ์ฝ๋ฉํ ์คํธ
- ํ๋ก๊ทธ๋๋จธ์ค
- js
- layout
- TAG
- vscode
- ์๋ฐ์คํฌ๋ฆฝํธ
- VSCODE๋จ์ถํค
- input
- SASS
Archives
- Today
- Total
Outputor
3D ์ ๋๋ฉ์ด์ ๋ณธ๋ฌธ
3D ์ ๋๋ฉ์ด์
- transform์ ์ฐ๋ฉด 3D ์คํ์ผ ํ์ ์ด ๊ฐ๋ฅํจ
- ๊ฐ๊ฐ X,Y,Z์ถ ํ์ ์ด ๊ฐ๋ฅํจ (X์ถ์ ๊ฐ๋ก์ค, Y์ถ์ ์ธ๋ก์ค, Z์ถ์ ์ผ๊ตด๊ณผ ๋ชจ๋ํฐ ๊ฐ์ ๊ฐ์์ ์ค)
- transform-style: preserve-3d; ์ด ์์ฑ์ด ์์ด์ผ ์ด๋ค ์์๋ฅผ ํ์ ์ํฌ ๋ 3d ์ฌ๋ฌผ์ฒ๋ผ ๋์ํจ
- backface-visibility: hidden; ์ด ์์ฑ์ด ์์ด์ผ ๋ท๋ฉด์ ๋น์น๋ ๊ทธ๋ฆผ์๋ฅผ ์๋ณด์ด๊ฒ ์ฒ๋ฆฌํจ
See the Pen Untitled by output777 (@output777) on CodePen.
'๐จ CSS ๐ป' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| position : sticky (0) | 2022.01.18 |
|---|---|
| Grid (0) | 2022.01.17 |
| transform, @keyframes animation (0) | 2022.01.14 |
| Pseudo-element (0) | 2022.01.06 |
| CSS ๋ฎ์ด์ฐ๊ธฐ, ์ข์ ์ฝ๋ ์์น (0) | 2022.01.06 |
'๐จ CSS ๐ป' Related Articles
more
