+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: zmiana cienia pod odnośnikiem w formie obrazka - jak? [css] (/thread-zmiana-cienia-pod-odno%C5%9Bnikiem-w-formie-obrazka-jak-css)
zmiana cienia pod odnośnikiem w formie obrazka - jak? [css] - nacoipoco - 26-04-2012
Witam - jestem tu po raz pierwszy i bardzo liczę liczę na ciekawe pomysły
Otóż chciałbym zrobić odsyłacz w formie obrazka, pod którym będzie cień (do tego momentu radzę sobie - wstawienie cienia pod obrazek to nic trudnego), jednak problem pojawia się, gdy chcę, aby ten cień rozszerzał się (czy w jakiś inny sposób zmieniał swoją postać - to tutaj nieistotne), gdy na ów obrazek najedzie się kursorem myszy. Wszelkie moje kombinacje z selektorami pseudoelementów (:link; :hover), wyświetlaniem blokowym i innymi tego rodzaju sztuczkami nie dają rezultatu. Czy ktoś wie, co robię nie tak? Czy w ogóle można coś takiego osiągnąć? W którym miejscu wstawić odpowiednie deklaracje?
Pozdrawiam serdecznie
A.
RE: zmiana cienia pod odnośnikiem w formie obrazka - jak? [css] - Kartofelek - 26-04-2012
Zależy jaki ten cień ma być. Przykładowo jeżeli to css:
Kod:
a img {display:inline-block; box-shadow:0 2px 2px -1px #000; transition:0.5s; border:0;}
a:hover img {box-shadow:0 0 10px #000;}RE: zmiana cienia pod odnośnikiem w formie obrazka - jak? [css] - nacoipoco - 26-04-2012
(26-04-2012, 05:07)Kartofelek napisał(a): Zależy jaki ten cień ma być. Przykładowo jeżeli to css:
Kod:a img {display:inline-block; box-shadow:0 2px 2px -1px #000; transition:0.5s; border:0;}
a:hover img {box-shadow:0 0 10px #000;}
Dzięki serdeczne - działa
RE: zmiana cienia pod odnośnikiem w formie obrazka - jak? [css] - Kartofelek - 26-04-2012
Oczywiście wszelkie -moz- -o- -webkit -m- mile widziane ;]