![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.
Kategoria ta poświęcona jest tematyce budowy stron internetowych z pomocą języków takich jak: HTML, CSS i PHP. Dlatego też znajdziecie tu wiele różnych i ciekawych artykułów opisujących nie tylko sam proces budowy, ale także różne opcje, skrypty z pomocą, których możecie rozbudować wasze już istniejące witryny. Dowiecie się też jak wprowadzać tekst i grafiki na stronę.
Część materiałów to w praktyce małe kursy z pomocą, których możesz poznać bliżej daną tematykę. Kursy są na poziomie początkującym są więc świetnym sposobem nie tylko na zdobycie wiedzy, ale także na szybką powtórkę.
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.
Efekt prostej karteczki z dziurką dla Tagów na blogu – CSS
Czasami chcemy by na naszej stronie lub blogu tagi wyróżniały się nie co na tle innych elementów strony. W takim wypadku warto pomyśleć czy nie zastosować na nich jakiegoś efektu lub czy np. nie zmienić całkowicie jego wyglądu.