Cień na stronie z CSS3 – box-shadow, text-shadow
Czasami w celu uzyskania ciekawego efektu na stronie chcemy dodać umieszczonym na niej obiektom (obrazom, tekstowi lub np. <DIV>, <button>) jak by dodatkowy wymiar.
Tło w kształcie fali (wavy shape) z pomocą CSS
W 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 przynajmniej w uproszczonej wersji jest dosyć prosty i mało czasochłonny.
Pokaż więcej i mniej (show/hide) treści na stronie z pomocą CSS
Zapewne 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.
3 Sprawdzone generatory gradientu na stronę internetową
Samodzielne tworzenie gradientów w CSS dla całkiem sporej grupy osób stanowi dość poważne wyzwanie.
Zmiana koloru zaznaczenia tekstu – właściwość CSS ::selection
Podczas zaznaczania tekstu (lub tylko jego fragmętu) na stronie internetowej tło umieszczone bezpośrednio pod nim zmienia on kolor np. na ciemno niebieski, modrakowy (w zależności od przeglądarki internetowej).
Pozycjonowanie obrazka w obrębie kontenera z CSS – object-position
Właściwość CSS object-position służy do określania pozycji początkowej (położenia początkowego) wybranego elementu HTML w kontenerze.
5 prostych efektów na obrazkach z wykorzystaniem hover – CSS
Animacje 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 zastosowanie takiej animacji wymaga również pewnej wiedzy.
Odstępy pomiędzy literami w słowie CSS letter-spacing
Zadaniem właściwości CSS letter-spacing jest ustawianie odległości (odstępów) pomiędzy poszczególnymi literami słowa w tekście.
Ciekawe efekty Parallax / Paralaksy na stronę internetową CSS, JavaScript
Parallax 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ę.
Trójkąty za pomocą CSS
Zazwyczaj kiedy chcemy użyć trójkąta (figury geometrycznej) na stronie internetowej używamy do tego jakieś grafiki. Jednak nie zawsze tak musi być. Trójkąty spokojnie możemy też tworzyć w CSS.
Animowana ikona mobilnego menu „Hamburgera”
Tematem 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.
Niezwykłe efekty tekstowe z użyciem CSS3
Pojawienie się CSS3 było przełomowe w wielu aspektach budowy stron internetowych.