:: Opacity :: ucho24 - webmaster: webmastering, webdesign, webporady: (x)html, css, php, tutoriale: photoshop.

Twój banner w tym miejscu ? Nic prostszego - skontaktuj się ze mną. Standardowa cena to 10zł/mc (450px : 50px)

Google-Pagerank.pl - Pozycjonowanie + SEO

Porad: 21; Tutoriali: 6; Tekstów: 8
STATYSTYKA

Darmowe Szablony: Niebieski; Zielony

Porady webmasterskie: Losowe elementy w PHP; Co zamiast pływającej ramki?; Jak sprawdzić rozmiar pliku w PHP; Księga gości w PHP; Chmody (zmiana uprawnień); Dymki (opisy linków) w CSS; Efekt rollover w CSS; Kodowanie, doctype - jakich użyć?; Cień na obrazku; 'Pudełko' - marginesy; Atrybut 'hover' nie tylko dla 'a'; Własny styl do forum; Szablon na divach; Jak ładnie pokazać formularz; Kilka divów w jednej linii; Divy rozciągane jak tabelki; Wodne tło; Menu z aktywnym linkiem w CSS; Pionowe wyśrodkowanie strony; Osobne arkusze stylów; Znaki specjalne

Tutoriale Photoshop CS2: Redukcja pryszczy; Zmiana koloru obrazka; Zaznaczenie obiektu; Pattern - wzór; Userbar; Najprostsza animacja

Teksty piosenek: Skalar - Dla mnie luty dla Ciebie maj; Skaner - Pociąg do gwiazd; Top One - Ciao Italia; Fanatic - Czarownica/Rzeki przepłynąłem; Culcha Candela - In da city; Vavamuffin - Smoking; Vavamuffin - Jah jest prezydentem; Bob Marley - Bad boys

Statystyki: Użytkowników online: 1; Serwis monitoruje: stat24

Cień na obrazku

Tak na prawdę, ten cień to wcale nie jest cień, po prostu za pomocą filtra alpha zmieniamy krycie obrazka.


		.alfa img {

      filter: alpha(opacity=50);

      -moz-opacity: 0.5;

      -khtml-opacity: 0.5;

      opacity: 0.5;

      }

      

      .alfa:hover img {

      filter: alpha(opacity=100);

      -moz-opacity: 100;

      -khtml-opacity: 100;

      opacity: 100;

      }


		<a href="#" class="alfa"><img src="images/obrazek.png" alt="tekst alternatywny" /></a>

kliknij żeby zobaczyć demo