CSS3 3D
- ๋ฅ์ง
- Development
- ๋ถ๋ฅ
- html/css
- ๋ฑ๋ก์ผ
Intro to CSS 3D transforms
http://desandro.github.io/3dtransforms/docs/cube.html
CSS Spheres
css 3d๋ก ๊ณต์ ๋ง๋๋ ๋ฐฉ๋ฒ์ ๋ํ์ฌ ์๊ฐํ๋ค.
http://learnsome.co/blog/spheres/
Making a Sphere in CSS
http://www.cssnewbie.com/making-a-sphere-in-css/
endless rotation
๋์์ด ๋ฐ๋ณต์ ์ผ๋ก ๋๊ฒํ๋ค.
@-webkit-keyframes rotating {
from{ -webkit-transform: rotate(0deg); }
to{ -webkit-transform: rotate(360deg); }
}
.box {-webkit-animation: rotating 2s linear infinite;}
๋ผ์ธ์ผ๋ก ์ด๋ฃจ์ด์ง ๊ตฌ์ฒด
http://codepen.io/peterwestendorp/pen/wGECk
Pure CSS Parallax Websites
ํผ์คํํฐ๋ธ์ z์ถ์ ์ด์ฉํ์ฌ ์๋ฆฌ๋จผํธ์ ์๊ทผ๊ฐ์ ์ค์ Parallax ํจ๊ณผ๋ฅผ ๋ง๋ค์ด๋ด๋ ํฌ์คํ
http://keithclark.co.uk/articles/pure-css-parallax-websites/
0๊ฐ์ ๋๊ธ
๋ฑ๋ก๋ ๋๊ธ์ด ์์ต๋๋ค.