Animacja w CSS – Transitions, czyli efekty przejścia w CSS
Witam w kolejnym wpisie poświęconym tematyce animacji na stronach internetowych. Temat ten jest dość szeroki więc więc na pewno nie dam rady tutaj omówić wszystkich jego aspektów.
Pasek postępu – Bootstrap Progress bars
Paski postępu są ciekawymi dodatkami stron internetowych. Oczywiście nie występują one na każdej witrynie, ale i tak warto się z nimi zapoznać.
Prosta animacja z użyciem CSS3
Zapewne każdy z was widział różne animacje na stronach internetowych. Obracające się czy wjeżdżające zdjęcia. Większość z tych animacji stworzona jest za pomocą JavaScript (lub z jego biblioteką jQuery).
![Proste zdjęcia z efektem Polaroid RWD [CSS3]](https://aurainweb.pl/wp-content/uploads/2016/06/polaroid.png)
Proste zdjęcia z efektem Polaroid RWD [CSS3]
W jednym z wcześniejszych wpisów pisałam jak z pomocą PHP można uzyskać efekt zdjęć Polaroid.
Przekształcenia 2D w CSS3 – obrót obiektu HTML (transform)
We wcześniejszym wpisie pokazałam jak stworzyć obracający się po najechaniu myszką div na przykładzie „obracającej się animowanej karty” (obrazka).
Etykiety w – Bootstrap (Badges and Labels)
Bootstrap w swoich zbiorach zawiera wiele różnych ciekawych rozwiązań. Jedną z nich są etykiety i odznaki, plakietki czyli Badges and Labels.
Tworzenie Tooltips z wykorzystaniem Bootstrap
Zapewne nie wszyscy słyszeli czym jest Tooltip chociaż prawie każdy przynajmniej kilka razy spotkał go na jakiejś stronie internetowej.
Grupy przycisków Bootstrap – Button groups
Do tej pory zdążyłam już we wcześniejszym wpisie omówić przyciski Bootstrap. Teraz pokażę jak połączyć je w grupy.
Przyciski w Bootstrap (Buttons)
Jak zdążyliście zapewne zauważyć bootstrap posiada wiele ciekawych funkcji i rozwiązań.
Bootstrap 3 Glyphicons – dostępne ikony
Bootstrap w wersji 3 jako framework CSS posiada wiele wbudowanych funkcji jedną z nich jest biblioteka ikon (Glyphicons).
Tabele w Bootstrap 3
Mimo iż za często się ich nie stosuje (a przynajmniej nie powinno się) w bootstrapie zdefiniowane zostały tabele.
Tworzenie prostych Tabs i Pills z użyciem Bootstrap i jQuery
Jedną z ciekawszych funkcji bootstrap są zakładki (angielskie tabs lub pills). Jest to funkcjonalność dość powszechnie stosowana na strona internetowych.