Forum PHP.pl > [CSS][HTML]jak wykonać cień nagłówka

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS][HTML]jak wykonać cień nagłówka

Forum PHP.pl > Forum > Przedszkole

sergieus

13.04.2012, 18:38:48

Muszę zrobić taki nagłówek jak na zdjęciu w css3 jednak mi to nie wychodzi dokladnie tak

Uploaded with ImageShack.us

Kod

h1{
    font-size:4em;
    color:white;
letter-spacing:10px;
}
h1.reflection {
    color:black;
    -webkit-transform: scaleY(-1);
       -moz-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
         -o-transform: scaleY(-1);
            transform: scaleY(-1);
               filter: flipv;
    opacity: 0.13;
}

Nie wiem jak to wykonać mogłby ktoś pomoc

!*!

13.04.2012, 18:49:16

Kod

-o-transform: scaleY(-0.3);

sergieus

13.04.2012, 18:55:19

To mam tak.. a to przesunięcie jakby w lewo czy nie wiem jak to nazwać

Uploaded with ImageShack.us

!*!

13.04.2012, 19:26:51

Nie da się manipulować cieniem w css3 (text-shadow), bo jest on przypisany do tekstu. Możesz zrobić to tak: http://jsfiddle.net/vhwCf/

sergieus

13.04.2012, 19:34:02

to jak to zrobić żeby bylo dokładnie jak na pierwszym zdjęciu:(

!*!

13.04.2012, 19:42:38

Ok, to jest rozwiązanie, choć zawsze zdawało mi się że transform łączył opcje przecinkiem... no ale ważne że działa.

Kod

-o-transform: rotate(3deg) scaleY(-0.3);

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.