Tekst 3D na stronie internetowej – CSS
Tym razem na mój warsztat trafił dość ciekawy efekt przydatny do wyróżnienia tekstu na stronie.
Blog o budowie stron i marketingu - Aurelia Sypniewska
Blog o budowie stron i marketingu - Aurelia Sypniewska
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ę.
Tym razem na mój warsztat trafił dość ciekawy efekt przydatny do wyróżnienia tekstu na stronie.
Jakiś czas temu odwiedziłam stronę, której autor umieściła swoje portfolio w postaci sześciokątów (hexagonu) czyli kilku sześciokątów. Zrobiło to na mnie dość spore wrażenie jednak znalezienie rozwiązania zajęło mnie chwilę.
Jak pisałam w poprzednim poście CSS3 daje bardzo duże możliwości twórcą stron. Wspomniałam również o możliwości zastąpienia grafiki odpowiednią formułą. Pokazałam także proste figury geometryczne i jak je uzyskać.
Pojawienie się CSS3 otworzyło nowe możliwości przed twórcami stron internetowych. A połączenie jego możliwości z HTML5 zmieniło kodowanie stron w prawdziwe programowanie. Czyli jednym słowem otwarło nam drogę do naprawdę imponujących możliwości.
Istnieje wiele metod kolorowania obiektów HTML takich jak tabela czy <div>. W tym wpisie postaram się przedstawić jedną z nich polegającą na kolorowaniu co drugiego elementu.
Obramowanie, border (tzw. ramka) stanowi istotny element strony internetowej nie tylko w przypadku tabel, może ono np. stanowić bardzo ciekawą dekoracją (np. wokół przycisku), lub rozdzielać witrynę na sektory.
Zmiana koloru linku (<a></a>), ale nie tylko stanowi jeden z podstawowych efektów, jakie występują na stronie internetowej.
Obecnie istnieje kilka sposobów na zmianę koloru obrazka bez użycia programów do obróbki grafiki. Jedną z takich metod jest zastosowanie filtrów graficznych oferowanych przez właściwość CSS filter.
Tym razem zajmiemy się przezroczystością na stronie internetowej. Czyli w dużym skrócie pokażę jak w prosty sposób można uzyskać przezroczystość w CSS. Efekt tego typu można bardzo łatwo i szybko uzyskać. Trzeba jedynie wiedzieć jak!
Na początku każda strona internetowa posiada białe tło. To czy budując stronę zatrzymamy ten kolor lub czy go zmienimy zależy tylko od nas.
Czasami zdarza, się że zawartość kontenera (np. <div>) na stronie internetowej jest znacznie większa niż sam kontener. Co sprawia, że kontener zmienia swoje wymiary lub jego zawartość (treść, grafika lun inne elementy) się w nim nie mieszczą. O ile na komputerach problem ten jest często drobiazgiem to na urządzeniach mobilnych różnie już bywa.
Czasami nie chcemy tworzyć dodatkowych plików dla przeglądarki Internet Explorer. Powodów może być kilka, od chęci zaoszczędzenia czasu do jak najprostszego kodu naszej strony. W takiej sytuacji innym rozwiązaniem jest zadeklarowanie reguły CSS, które mogą być odczytane przez Explorer.