Dopasowywanie obrazka do rozmiaru obszaru roboczego CSS3 – object-fit
Z pomocą właściwości object-fit określamy w jaki sposób interesujący nas element HTML (np. obrazek) będzie wypełnić dany obszar na stronie internetowej.
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.
Przełamanie / Przerywane obramowanie, tło – box-decoration-break
Bardzo ciekawym selektorem CSS jest box-decoration-break, z którego pomocą możemy stworzyć przełamany obszar np. z użyciem tła bądź obramowania.
Zanikające, przenikające obrazy – animacje z CSS i JavaScript (jQuery)
Tym razem pokażę jak w prosty sposób wykonać ciekawą animacje na zdjęciach z użyciem CSS i JavaScript (jQuery) lub z samym CSS. Tym razem pokażę jak w prosty sposób wykonać ciekawą animacje na zdjęciach z użyciem CSS i JavaScript (jQuery) lub z samym CSS.
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.
![Zastosowanie właściwości outline [CSS]](https://aurainweb.pl/wp-content/uploads/2017/01/coffy3.jpg)
Zastosowanie właściwości outline [CSS]
Właściwość CSS outline swoim działaniem przypomina właściwość border (czyli obramowanie). Obie właściwości tworzą więc wokół obiektu swojego rodzaju kontur. Co jednak istotne outline otacza nawet obramowanie, które tworzy border.
Skrócenie nie mieszczącego się tekstu na stronie – CSS text-overflow
Tym razem chcę pokazać jak skrócić tekst nie mieszczący się bloku. Chodzi np. sytuację kiedy tytuł wpisu na blogu chcemy by zawsze był napisany w jednej linii.
Zmiana wyglądu pierwszej litery – :first-letter (inicjał)
Z pewnością ładnie jest rozpocząć tekst jak w starych księgach z wyróżnioną pierwszą literą (inicjałem).
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.
Efekt Parallax podczas przewijania strony internetowej [CSS]
Efekt Parallax lub inaczej paralaksa to jeden z ciekawszych i jednocześnie łatwiejszych efektów jakie można spotkać na stronie internetowej. Stosowany jest głównie w wersjach strony na komputery bynajmniej nie tylko dlatego, że lepiej się na nich prezentuje.
Formatowanie zawartości tabeli w HTML i CSS na stronie
Zbudowanie tabeli na stronie internetowej w HTML z pewnością dla większości z was nie stanowi dużego problemu.
Wyśrodkowanie obrazka lub tekstu na stronie z pomocą HTML i CSS
Wyśrodkowanie tekstu lub ilustracji na stronie, witrynie internetowej jest stosunkowo prostą czynnością.