반응형 Programing/HTML23 [CSS3] 3D Image Slider 3D Image Slider Image 1 Image 2 Image 3 Image 4 Click me to toggle transparency #controls, #transparency { text-align:center; } #controls span { padding-right:2em; cursor:pointer; } #cubeCarousel { -webkit-perspective: 800; -moz-perspective: 800px; -ms-perspective: 800; perspective: 800; -webkit-perspective-origin: 50% 100px; -moz-perspective-origin: 50% 100px; -ms-perspective-origin: 50% 100px;.. 2014. 2. 26. [CSS3] CSS Filters CSS Filters Filters Properties Properties default value. grayscale 0 sepia 0 saturate 1 hue-rotate 0deg invert 0 opacity 1 brightness 1 contrast 1 blur 0px drop-shadow Usage element.style { -webkit-filter: grayscale(0.1) sepia(0.1) saturate(0.1) hue-rotate(31deg) invert(0.1) opacity(0.9) brightness(0.9) contrast(1.1) blur(1px); } 2014. 2. 26. [CSS3] References Transitions, Transforms, Animations References Online W3C: CSS Transitions Module Level 3 W3C: CSS 2D Transforms Module Level 3 W3C: CSS 3D Transforms Module Level 3 W3C: CSS Animations Module Level 3 Surfin' Safari (check the archives) David Desandro's 3D transform examples 2014. 2. 26. [CSS3] Notes on browser support Notes On Browser Support CSS Transitions l Safari 3.2: 13/11/2008 l Firefox 4.0: Late 2010 l Chrome 1.0: 02/09/2008 l Opera 10.5: 02/03/2010 l Internet Explorer 10: 09/2011 CSS Animations l Safari 4.0: 11/06/2008 l Chrome 1.0: 02/09/2008 l Firefox 5: 20/04/2011 l IE 10: 09/2011 l Opera: 03/2012 CSS 2D Transformations l Safari 3.2: 13/11/2008 l Firefox 3.5: 30/06/2009 l Chrome 1.0: 02/09/2008 l O.. 2014. 2. 26. 이전 1 2 3 4 5 6 다음 반응형
