Efekty na tekście z użyciem cienia – Text-Shadow
Text-Shadow – czyli cień umieszczony pod tekstem stanowi jedną z ciekawszych właściwości CSS .
![Jak zmienić kształt kursora (wskaźnika) myszy na stronie? [CSS]](https://aurainweb.pl/wp-content/uploads/2016/05/a2_11zon.png)
Jak zmienić kształt kursora (wskaźnika) myszy na stronie? [CSS]
Czasami w celu uatrakcyjnienia lub usprawnienia działania witryny internetowej chcemy zmienić kształty kursora (wskaźnika) myszy.
Proste rozwijane poziome menu w CSS
W tym tygodniu pokażę wam jak zbudować proste poziome rozwijane menu (ang. top dropdown) korzystając z CSS i HTML. Dla nie wtajemniczonych chodzi o takie zwykłe górne menu na stronę internetową.
Zdarzenia myszki – pointer-events CSS
Właściwość pointer-events określa jak na dane zdarzenie wywołane z użyciem kursora myszy powinien reagować konkretny obiekt HTML.
Efekt zoom hover po najechaniu kursorem na zdjęcie, obrazek
Podczas tworzenia stron internetowych często najważniejszą kwestią jest dobranie odpowiednich efektów aktywowanych np. po najechaniu kursorem myszy lub podczas przewijania strony (scroll). Powinny być one nie tylko ciekawe, ale i wykorzystywane z umiarem.
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.
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).
Tworzenie gradientu na stronie z pomocą CSS3
Słowo gradient zwykle kojarzy się nam się zwykle z obrazkiem posiadającym bardzo ciekawą kolorystykę np. przechodzącym z jednej barwy w drugą.
box-sizing – wyjaśnienie działania właściwości CSS
Model pudełkowy jest jednym z najpopularniejszych sposobów budowania stron. Jak sama nazwa mówi składa się on z pudełek czyli mamy np. jeden duży kontener a w nim umieszczone elementy w kolejnych mniejszych kontenerach.
Animowana karta / obrazek w przestrzeni 3D – CSS
Dzisiaj pokażę wam ciekawy efekt, który jakiś czas temu zobaczyłam na innej stronie. Chodzi mi o prosty efekt polegający na obrocie obrazka.