Czas czytania: 3 minutWitam 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.
Strony WWW / Efekty / PHP, HTML, CSS
Prosta animacja z użyciem CSS3
Czas czytania: 2 minutZapewne 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] 3")
PHP, HTML, CSS / Efekty / Strony WWW
Proste zdjęcia z efektem Polaroid RWD [CSS3]
Czas czytania: 3 minutW jednym z wcześniejszych wpisów pisałam jak z pomocą PHP można uzyskać efekt zdjęć Polaroid.
Strony WWW / PHP, HTML, CSS
Przekształcenia 2D w CSS3 – obrót obiektu HTML (transform)
Czas czytania: 2 minutWe wcześniejszym wpisie pokazałam jak stworzyć obracający się po najechaniu myszką div na przykładzie „obracającej się animowanej karty” (obrazka).
Strony WWW / PHP, HTML, CSS
Tekst 3D na stronie internetowej – CSS
Czas czytania: < 1 minutTym razem na mój warsztat trafił dość ciekawy efekt przydatny do wyróżnienia tekstu na stronie.
Strony WWW / Formatowanie tekstu na stronie / PHP, HTML, CSS
Sześciokąty rozmieszczone obok siebie CSS
Czas czytania: < 1 minutJakiś czas temu odwiedziłam stronę, której autor umieściła swoje portfolio w postaci sześciokątów (hexagonu) czyli kilku sześciokątów. Zrobiło to na mnie dość spore wrażenie jednak znalezienie rozwiązania zajęło mnie chwilę.
PHP, HTML, CSS / Menu
Menu zakończone grotem / strzałką CSS
Czas czytania: 2 minutJak pisałam w poprzednim poście CSS3 daje bardzo duże możliwości twórcą stron. Wspomniałam również o możliwości zastąpienia grafiki odpowiednią formułą. Pokazałam także proste figury geometryczne i jak je uzyskać.
PHP, HTML, CSS / Tło, Obraz, Grafika
Figury geometryczne i ciekawe kształty z użyciem CSS
Czas czytania: < 1 minutPojawienie się CSS3 otworzyło nowe możliwości przed twórcami stron internetowych. A połączenie jego możliwości z HTML5 zmieniło kodowanie stron w prawdziwe programowanie. Czyli jednym słowem otwarło nam drogę do naprawdę imponujących możliwości.
![Dodawanie obramowania na stronie internetowej [CSS]](https://aurainweb.pl/wp-content/uploads/2018/02/HTML5-CSS3-814x250.jpg "Dodawanie obramowania na stronie internetowej [CSS] 9")
PHP, HTML, CSS / Obramowania
Dodawanie obramowania na stronie internetowej [CSS]
Czas czytania: 2 minutObramowanie, border (tzw. ramka) stanowi istotny element strony internetowej nie tylko w przypadku tabel, może ono np. stanowić bardzo ciekawą dekoracją (np. wokół przycisku), lub rozdzielać witrynę na sektory.
PHP, HTML, CSS / Efekty / Tło, Obraz, Grafika
Filtry graficzne w CSS – ciekawe efekty na stronę internetową
Czas czytania: 4 minutObecnie istnieje kilka sposobów na zmianę koloru obrazka bez użycia programów do obróbki grafiki. Jedną z takich metod jest zastosowanie filtrów graficznych oferowanych przez właściwość CSS filter.
![Zaokrąglenie narożników obrazka, DIV z pomocą border-radius [CSS]](https://aurainweb.pl/wp-content/uploads/2015/06/laptop-814x250.jpg "Zaokrąglenie narożników obrazka, DIV z pomocą border-radius [CSS] 11")
PHP, HTML, CSS / Obramowania
Zaokrąglenie narożników obrazka, DIV z pomocą border-radius [CSS]
Czas czytania: 3 minutZaokrąglanie rogów dowolnego obiektu HTML (guzika, fotografii, obrazka, DIV) z pomocą CSS3 jest bardzo proste.