Wiele się słyszy, od dłuższego czasu, o CSS3 i HTML5 i muszę przyznać, że naprawdę oba te standardy niosą ze sobą wielki potencjał. Dzisiaj zajmiemy się CSS3. Czy kiedykolwiek używaliście CSS3 w swoich stronach? Czy jednak przeszkadza wam wsparcie tylko dla najnowszych przeglądarek?
Dzisiaj zademonstruje 10 przykładów wykorzystania CSS3, które być może zachęcą was do zainteresowania się tematem (naprawdę warto!). A jak już wzbudzę waszą ciekawość, przedstawię 5 narzędzi, które ułatwiają pracę z CSS3
Przykłady w CSS3
Zacznijmy od obejrzenia powodów, dla których warto zainteresować się (już nie takimi) nowymi stylami CSS3.
1. Our Solar System
2. CSS3-Man
3. Reklama w CSS3 vs. Reklama Flash
4. Człowiek z Hollywood
5. Anigma
6. Wysuwane płyty winylowe za pomocą CSS3
7. Polaroid i CSS3
8. CSS3 Flash Light
9. Page Flip effect
10. 3D SearchBox
Narzędzia do CSS3
Skoro już wiemy co możemy osiągnąć za pomocą CSS3, nadszedł czas żeby zapoznać się z kilkoma naprawdę ciekawymi narzędziami.
1. CSS3 generator
Bardzo przyjemny generator styli CSS3.
2. CSS3 Pie
Przydatne narzędzie sprawia, że w IE 6-8 możliwym staje się wykorzystanie wielu głównych opcji dostępnych wraz z CSS3.
3. Generator gradientów w CSS3
Prosty i łatwy w użyciu generator gradientów z wykorzystaniem CSS3.
4. Web Designer’s checklist
Bardzo dobrze zrobiona ściąga rozpisująca wsparcie dla CSS3 w różnych przeglądarkach.
5. CSS-Tricks’ button maker
Łatwy i szybki sposób by przygotować button w CSS3
Gorąco zachęcam do okrywania możliwości CSS3, może wy znacie jakieś jeszcze inne świetne przykłady wykorzystania tego nowego standardu?



















5 komentarze do “CSS3 – 10 przykładów i 5 narzędzi”
Kocham CSS3!
czy tylko mi strona css3pie nie działa na ie6 i ie7?
Uwielbiam CSS3. Z ciekawych przykładów zastosowania CSS3 znam jeszcze:
Logo Opera – http://desandro.com/articles/opera-logo-css/
Ikonki Social Media – http://www.nikesh.me/blog/2010/04/social-icons-in-css3/
Jest jeszcze generator do border-radius: http://border-radius.com/
Podoba mi się ten przykład z wyszukiwarką 3D. Nie wiem na ile kombinowania będzie z tym CSSem ale idea fajna
Akurat podane tutaj przykłady to nie tylko CSS3 ale też HTML5.