Pobawmy się cieniem - efekty dla tekstu za pomocą cienia

02.06.2018


Jakiś czas nie pojawiały się instrukcje, dlatego dzisiaj mam dla Was przygotowanego gotowca na efekty związane z tekstem za pomocą cienia tzw. box-shadow.

Box-shadow nie tylko może posłużyć nam do dodania tradycyjnego cienia do tekstu, ale dzięki niemu możemy utworzyć takie efekty jak np. efekt neonu czy uwypuklenia.

1. Efekt neon




Efekt:

Excepteur sint occaecat cupidatat non proident

2. Efekt wypuklenia




Efekt:

Excepteur sint occaecat cupidatat non proident

3. Efekt tradycyjny




Efekt:

Excepteur sint occaecat cupidatat non proident

4. Efekt 3D 


Excepteur sint occaecat cupidatat non proident



5. Efekt cień + kolor

Efekt:

Excepteur sint occaecat cupidatat non proident



Wszystkie wartości są zmienne.
Selektor - wpisujemy selektor dla elementu, który chcemy zmienić, np. dla tytułu wpisu.
Udostępnij ten wpis:

3 komentarze:

  1. Przydatne info :D Podoba nam się efekt 1 i 2 :)

    OdpowiedzUsuń
  2. Cześć. Uwielbiam twojego bloga! Dzięki twoim poradą oraz instrukcjami jak zmieniać szablon stworzyłam swój szablon na bloga miksując je. Podsyłam link, abyś mogła zobaczyć efekt twojej i troszeczkę mojej pracy ;) Pozdrawiam

    https://canar-y.blogspot.com/

    OdpowiedzUsuń
  3. Justyna Kaźmierczak14 czerwca 2018 20:32

    Bardzo dziękuję za wszystkie wskazówki i porady, którymi dzielisz się tutaj :) Dzięki Tobie zrobiłam porządek ze swoim blogiem, nareszcie jestem zadowolona z szablonu. Jeśli chcesz zobaczyć, co udało mi się zdziałać zapraszam do siebie: trzeci-pokoj.blogspot.com Jeszcze raz wielkie DZIĘKUJĘ! :)

    OdpowiedzUsuń

- Komentarze takie jak: spam, obserwacja za obserwacje, prośby o klikanie w banery etc. zostają usuwane - ZAPAMIĘTAJ! MÓJ BLOG TO NIE TABLICA OGŁOSZEŃ
- Weryfikacja obrazkowa wyłączona

Copyright © Szablon wykonany przez My pastel life