PHP, HTML, CSS

Cień na stronie z CSS3 – box-shadow, text-shadow

Posted on:

Czas czytania: 3 minutCzasami w celu uzyskania ciekawego efektu na stronie chcemy dodać umieszczonym na niej obiektom (obrazom, tekstowi lub np. <DIV>, <button>) jak by dodatkowy wymiar.

Strony WWW / PHP, HTML, CSS / Tło, Obraz, Grafika

Tło w kształcie fali (wavy shape) z pomocą CSS

Posted on:

Czas czytania: 2 minutW związku z tym, że mamy wakacje postanowiłam pisać o nieco lżejszych tematach. Dlatego też dzisiaj pokażę wam jak zrobić efekt falującego tła (wavy shape, efekt fali) na stronie. W brew pozorom efekt ten […]

PHP, HTML, CSS / Efekty / Inne / Strony WWW

Pokaż więcej i mniej (show/hide) treści na stronie z pomocą CSS

Posted on:

Czas czytania: 3 minutZapewne każdy z was spotkał się na stronie internetowej z efektem rozwijającego /chowającego się (toggle) po kliknięciu np. fragment tekstu lub obrazka.

Gotowe rozwiązania / Strony WWW

3 Sprawdzone generatory gradientu na stronę internetową

Posted on:

Czas czytania: 2 minutSamodzielne tworzenie gradientów w CSS dla całkiem sporej grupy osób stanowi dość poważne wyzwanie.

PHP, HTML, CSS / Efekty

5 prostych efektów na obrazkach z wykorzystaniem hover – CSS

Posted on:

Czas czytania: 3 minutAnimacje aktywowane efektem typu hover (po najechaniu kursorem myszy) są zawsze ciekawym dodatkiem na stronie internetowej. Dzięki rozwiązaniom jakie dało nam CSS3 stały się też o wiele bardziej popularniejsze i prostsze w użyciu. Niemniej […]

Gotowe rozwiązania / Inspiracje

Ciekawe efekty Parallax / Paralaksy na stronę internetową CSS, JavaScript

Posted on:

Czas czytania: 2 minutParallax po polsku paralaksa jest jednym z popularniejszych efektów stosowanych na stronach internetowych. Efekt ten powoduje, że tło danej sekcji jest nieruchome lub jego elementy poruszają się w innym tempie niż my scrollujemy stronę.

PHP, HTML, CSS / Strony WWW

Trójkąty za pomocą CSS

Posted on:

Czas czytania: < 1 minutTrójkąty (figurę geometryczną) na stronie przeważnie umieszcza się w formie ilustracji, jest to najpopularniejsza metoda jednak nie jedyna.

PHP, HTML, CSS / Biblioteki JavaScript / Menu

Animowana ikona mobilnego menu „Hamburgera”

Posted on:

Czas czytania: 2 minutTematem jakim zajmę się dzisiaj będzie tzw. Hamburgerowe menu. Jest to menu składające się 3 leżących, równoległych do siebie kresek, przeważnie w ciemnym kolorze.

Inspiracje / Gotowe rozwiązania / Strony WWW

Niezwykłe efekty tekstowe z użyciem CSS3

Posted on:

Czas czytania: 2 minutPojawienie się CSS3 było przełomowe w wielu aspektach budowy stron internetowych.

Gotowe rozwiązania / Efekty / PHP, HTML, CSS / Strony WWW

Efekt Parallax podczas przewijania strony internetowej [CSS]

Posted on:

Czas czytania: 2 minutEfekt parallax (paralaksa) polega na tym, że fragment lub fragmenty strony zwykle tło, przesuwają się z inną szybkością (lub wydają się być nieruchome) w przeciwieństwie do pozostałych elementów.

Strony WWW / Efekty / PHP, HTML, CSS

Jak zmienić kształt kursora (wskaźnika) myszy na stronie? [CSS]

Posted on:

Czas czytania: < 1 minutCzasami w celu uatrakcyjnienia lub usprawnienia działania witryny internetowej chcemy zmienić kształty kursora (wskaźnika) myszy.

Strony WWW / Menu / PHP, HTML, CSS

Proste rozwijane poziome menu w CSS

Posted on:

Czas czytania: 4 minutW 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ą.