CSS3. Zaawansowane projekty

✍ Scribed by Witold Wrotek

• Publisher: Helion
• Year: 2015
• Tongue: Polish
• Leaves: 279
• Category: Library

✦ Synopsis

CSS3 — style na każdą okazję!
Animacje tekstowe, czyli jak tekst może poruszać się na stronie
Cienie i kolory, czyli jak osiągnąć zachwycające efekty wizualne
Przekształcenia i tło, czyli jak możesz modyfikować słowa i obrazy
Kaskadowe arkusze stylów towarzyszą twórcom stron internetowych już od dwudziestu lat. W tym czasie zdołały zrewolucjonizować podejście do połączenia treści i formy tekstu w serwisie WWW. Nie wszyscy jednak wiedzą, jak szerokie możliwości działania zapewnia standard CSS3 i jak spektakularne efekty można osiągnąć za jego pomocą. Jeśli nie wystarcza Ci podstawowa wiedza o stosowaniu CSS i chcesz dowiedzieć się więcej o nietypowych, niebanalnych projektach z ich użyciem, powinieneś koniecznie przeczytać tę książkę.

Znajdziesz tu szczegółowe wyjaśnienia dotyczące tworzenia interesujących animacji liter i obrazów, manipulowania cieniami, używania gradientów, czytelnego oznaczania elementów nawigacji na stronie WWW oraz identyfikowania elementów. Dowiesz się, jak dostosować wygląd ekranu w zależności od urządzenia, na którym przeglądana jest strona, jak uzyskać efekt ruchomego tła i sprytnie przekształcić obiekt. Wszystkie przykładowe szkielety stron w tej książce są zbudowane w HTML-u. Sprawdź, jak zdecydowanie poprawić wygląd Twoich stron WWW!
Animacje i cienie
Identyfikacja elementu
Kolory i tło
Nawigacja
Wybór szablonu w zależności od wielkości ekranu
Przekształcenia geometryczne
Umieszczanie napisów lub obrazków w wybranym miejscu
Znajdź swój styl… wśród kaskadowych arkuszy stylów!

✦ Table of Contents

Spis treści......Page 2
Edytor......Page 4
Przeglądarka......Page 5
Walidator kodu CSS i HTML......Page 6
Poprawność kodu HTML......Page 7
CSS......Page 8
1.1. Kolejno wpisywane litery......Page 14
1.2. Przesuwający się tekst......Page 31
1.3. Obracanie obiektu......Page 41
1.4. Karta animowana trójwymiarowa......Page 50
1.5. Animowany pierścień trójwymiarowy......Page 65
1.6. Animowany sześcian......Page 80
2.1. Cienie prostokątów......Page 106
Przesunięcie......Page 108
Rozmycie......Page 112
Rozszerzenie......Page 116
Kolory......Page 119
Cień wewnętrzny......Page 124
Kilka cieni......Page 126
2.2. Cienie tekstu......Page 130
Napisane biało na białym......Page 135
Poświata......Page 136
2.3. Cień obiektu......Page 139
Odsyłacz......Page 140
Pogrubienie......Page 141
Lista......Page 142
3.1. Identyfikacja elementu poprzez class i id......Page 144
Identyfikacja elementu poprzez id......Page 155
3.2. Identyfikacja elementu poprzez span i div......Page 156
Przezroczystość alfa......Page 162
Odcień, nasycenie i jaskrawość......Page 164
Odcień, nasycenie, jaskrawość i przezroczystość......Page 166
Gradienty liniowe......Page 168
Gradienty promieniowe......Page 173
Gradienty rozchodzące się od narożnika......Page 176
Gradienty wielokolorowe......Page 178
4.3. Ciągła zmiana jednolitego koloru tła......Page 180
Rozdział 5. Nawigacja......Page 184
5.1. Nietypowe podkreślenia hiperłączy......Page 185
5.2. Menu pionowe zmieniające kolor po najechaniu kursorem......Page 189
5.3. Menu poziome zmieniające kolor po najechaniu kursorem......Page 194
5.4. Tooltip......Page 199
5.5. Tooltip animowany......Page 204
Rozdział 6. Wybór szablonu w zależności od wielkości ekranu......Page 210
Szerokość okna......Page 212
Wydruk......Page 214
Kilka reguł......Page 216
Rozdział 7. Przekształcenia geometryczne......Page 218
7.1. Pochylanie obiektu......Page 219
Przekoszenie......Page 222
Skalowanie......Page 223
Przesunięcie......Page 226
7.3. Przekształcenia geometryczne złożone......Page 227
Przezroczystość alpha......Page 228
Odcień, nasycenie i jasność......Page 230
Odcień, nasycenie, jasność i przezroczystość......Page 231
8.1. Ruchome tło......Page 234
8.2. Skalowanie tła......Page 238
8.3. Tło — usuwanie......Page 241
8.4. Tło wieloobrazowe......Page 244
8.5. Tło z gradientem liniowym......Page 245
8.6. Tło z gradientem promieniowym......Page 250
9.1. Umieszczanie napisów lub obrazków w wybranym miejscu......Page 254
Pozycjonowanie statyczne......Page 255
Pozycjonowanie absolutne......Page 256
Pozycjonowanie ustalone......Page 258
Pozycjonowanie względne......Page 259
9.2. Zaokrąglone narożniki......Page 261
9.3. Projekt strony z odsyłaczami......Page 268
Zakończenie......Page 274
Skorowidz......Page 276