본문 바로가기

반응형

CSS3

CSS3 Media Queries CSS3 Media Queries /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles */ } /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 321px) { /* Styles */ } /* Smartphones (portrait) ----------- */ @media only screen and (max-width : 320px) { /* Styles */ } /* iPads (portrait and .. 더보기
[CSS3] Responsive CSS3 slider without Javascript Responsive CSS3 slider without Javascript CSS3 Responsive Slider is, as the name implies, a responsive CSS3 slider without Javascript. The actual slider is much like any JavaScript slider. It floats all of the content areas (articles) next to each other. And then hides the overflow. We then animate the margin of the inner div, so if we have 5 articles, moving the left-margin -100% would give us .. 더보기
Agile CSS3 Engine: Generate pure CSS3 with JavaScript Agile CSS3 Engine: Generate pure CSS3 with JavaScript CSS - Framework - Javascript / Added on July 1, 2014 / Add to favorites Agile CSS3 Engine lets you generate pure CSS3 animations using JavaScript. It’s easy to use and cross platform compatible. Homepage: http://a-jie.github.io/Agile/ GitHub: https://github.com/a-jie/Agile Demo Page: http://a-jie.github.io/Agile/#page-nav-demos Agile Using ja.. 더보기
[CSS] Keyframer: A CSS3 animation tool Keyframer: A CSS3 animation tool Keyframer is an incredibly easy to use CSS3 animation creation tool. Just click the timeline to add a keyframe, then click the circle button to add your animation’s CSS, or the X button to delete the current keyframe, and that’s all there is to it! Homepage: http://alexberg.in/keyframer/ 더보기
[jQuery] 50+ Free jQuery CSS3 Image Hover Effects 50+ Free jQuery CSS3 Image Hover Effects Free jQuery CSS3 Image Hover Effects are an excellent way to add in nice effect to your website projects. In this collection we've gathered the best css3 image hover effects jquery plugins recently published. These Free jQuery CSS3 Image Hover Effects is an effective and creative way of adding professional effects using the latest CSS3 tools. jQuery is a .. 더보기
[LAYOUT] LayoutIt! http://www.layoutit.com/ LayoutIt! is NOT a site builder. It's the kick-off for every frontend project you need to develop. LayoutIt! takes every element and component of Bootstrap to make your frontend coding easier without needing to be an expert in javascript, html5 or css3. You just build what you need to start, and then code it however you most like! LayoutIt! - Drag & Drop Interface Builde.. 더보기
[CSS] css 참고 사이트. transform, transition, Animation [CSS] css 참고 사이트. transform, transition, Animation CSS3 transform:skew CSS3 transform:rotate CSS3 transform-origin transform transition animation http://tcbs17.cafe24.com/tc/html5/css_/css_demo2/index.html SVG : Scalable Vector Graphics CSS 참고 사이트 http://htmlcss.kr/ http://w3schools.com/ http://css3generator.com/ http://caniuse.com/ 더보기
[CSS] 17 Best CSS Tools to Speed Up Your Coding 17 Best CSS Tools to Speed Up Your Coding http://codegeekz.com/best-css-tools-to-speed-up-your-coding/ CSS doesn’t need any introduction as it is one of the most popular language amongst developers. Learning and working with CSS is no more an arduous task as there are many informative tutorials and CSS tools are available over Internet. Such tools would lead you to create useful and innovative w.. 더보기

반응형