Что нового в CSS3
description
Transcript of Что нового в CSS3
![Page 1: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/1.jpg)
CSS 3: Новые возможности
Tuesday, March 29, 2011
![Page 2: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/2.jpg)
CSS3 — модули!
Tuesday, March 29, 2011
![Page 3: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/3.jpg)
Tuesday, March 29, 2011
![Page 4: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/4.jpg)
Tuesday, March 29, 2011
![Page 5: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/5.jpg)
еще не все!
Tuesday, March 29, 2011
![Page 6: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/6.jpg)
border-radius
Tuesday, March 29, 2011
![Page 7: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/7.jpg)
Tuesday, March 29, 2011
![Page 8: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/8.jpg)
Tuesday, March 29, 2011
![Page 9: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/9.jpg)
Border-radius
Tuesday, March 29, 2011
![Page 10: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/10.jpg)
media query
Tuesday, March 29, 2011
![Page 11: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/11.jpg)
@media only screen and (min-width: 1200px) {// CSS для окон размером больше 1200px
@media only screen and (max-width: 1200px) {// CSS для окон размером меньше 1200px
Tuesday, March 29, 2011
![Page 12: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/12.jpg)
Tuesday, March 29, 2011
![Page 13: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/13.jpg)
Tuesday, March 29, 2011
![Page 14: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/14.jpg)
Tuesday, March 29, 2011
![Page 15: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/15.jpg)
Tuesday, March 29, 2011
![Page 16: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/16.jpg)
transform+
transition
Tuesday, March 29, 2011
![Page 17: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/17.jpg)
rgba
Tuesday, March 29, 2011
![Page 18: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/18.jpg)
Tuesday, March 29, 2011
![Page 19: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/19.jpg)
Tuesday, March 29, 2011
![Page 20: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/20.jpg)
Tuesday, March 29, 2011
![Page 21: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/21.jpg)
Градиенты!
Tuesday, March 29, 2011
![Page 22: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/22.jpg)
Tuesday, March 29, 2011
![Page 23: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/23.jpg)
Tuesday, March 29, 2011
![Page 24: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/24.jpg)
Tuesday, March 29, 2011
![Page 25: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/25.jpg)
Tuesday, March 29, 2011
![Page 26: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/26.jpg)
Text
Tuesday, March 29, 2011
![Page 27: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/27.jpg)
Text
Tuesday, March 29, 2011
![Page 28: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/28.jpg)
Tuesday, March 29, 2011
![Page 29: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/29.jpg)
Tuesday, March 29, 2011
![Page 30: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/30.jpg)
:before :after - Clear !oats- Любое использование как дополнительных элементов
Tuesday, March 29, 2011
![Page 31: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/31.jpg)
Статистика в Украине
~70% CSS3
Tuesday, March 29, 2011
![Page 32: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/32.jpg)
Мобильные!
~90% – CSS3
Tuesday, March 29, 2011
![Page 33: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/33.jpg)
Деградация
Tuesday, March 29, 2011
![Page 34: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/34.jpg)
Tuesday, March 29, 2011
![Page 35: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/35.jpg)
Groupon.ru
Tuesday, March 29, 2011
![Page 36: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/36.jpg)
Tuesday, March 29, 2011
![Page 37: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/37.jpg)
You ARE butter;y!
Tuesday, March 29, 2011
![Page 38: Что нового в CSS3](https://reader034.fdocuments.net/reader034/viewer/2022042515/54bf8a924a7959965a8b461a/html5/thumbnails/38.jpg)
Спасибо
Юрий Артюхhttp://cssing.org.uatwitter.com/akella
Tuesday, March 29, 2011