• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Podkreślenie wielu elementów w obrazie w CSS

Object Storage Arubacloud
0 głosów
865 wizyt
pytanie zadane 26 grudnia 2018 w HTML i CSS przez AQ1234 Nowicjusz (160 p.)
edycja 26 grudnia 2018 przez AQ1234

Witam!

Mam problem z podkreśleniem obrazka na stronie. 

 

<body>

	<div id="container">
	
		<div id="logo">
			<h1>Header</h1>
		</div>

		<div id="content">

		<img src="folder/image.png" alt="teeth" height="800" width="646">
		
		</div>
		<div id="footer">
			Footer
		</div>
	
	</div>

Chciałbym aby po najechaniu myszką na określony ząb lub kość pojawiło się podkreślenie elementu poprzez zmiane koloru ew innego zdjęcia.  Przyznam szczerze że nie znam javascriptu zbyt dobrze, zaś w css myslałem po prostu o selektorze hover tyle tylko czy można to zrobić w miare przejrzysty sposób? Nie proszę o gotowe rozwiązanie, a ew. poradnik/link 
Dziękuje za ewentualną pomoc!

komentarz 26 grudnia 2018 przez Eimens Maniak (69,240 p.)
Napisz to pytanie jeszcze raz.
komentarz 26 grudnia 2018 przez AQ1234 Nowicjusz (160 p.)
Już poprawiłem, wybacz trochę zagmatwałem wcześniej ;)
komentarz 26 grudnia 2018 przez Eimens Maniak (69,240 p.)
Chyba to nie będzie takie łatwe. Musiałbyś mieć wektor i go edytować

3 odpowiedzi

+1 głos
odpowiedź 26 grudnia 2018 przez rafal.budzis Szeryf (85,260 p.)

Jeśli dobrze rozumiem chodzi o obrys? Jeśli obrazek jest przezroczysty możesz użyć :

https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/drop-shadow

+1 głos
odpowiedź 26 grudnia 2018 przez pablop76 VIP (123,120 p.)

Wykorzystaj format svg. Przenieś style, które potrzebujesz edytować do css i operuj na nich.

0 głosów
odpowiedź 27 grudnia 2018 przez AQ1234 Nowicjusz (160 p.)

Obrazek wygląda np. tak

Szczęka
Moim zadaniem jest aby każdy podkreślony ząb(na tym jednym obrazku) się podświetlał. Mam nadzieje że to już bardziej objaśnia mój cel :).

komentarz 28 grudnia 2018 przez pablop76 VIP (123,120 p.)
To właśnie uzyskasz dzieki svg.

Podobne pytania

0 głosów
1 odpowiedź 1,343 wizyt
pytanie zadane 15 października 2018 w HTML i CSS przez Hardwell Dyskutant (8,980 p.)
0 głosów
1 odpowiedź 2,679 wizyt
pytanie zadane 4 czerwca 2018 w HTML i CSS przez rikoooo1234 Nowicjusz (120 p.)
+2 głosów
3 odpowiedzi 469 wizyt
pytanie zadane 25 listopada 2022 w HTML i CSS przez MacieKap Bywalec (2,400 p.)

92,536 zapytań

141,377 odpowiedzi

319,452 komentarzy

61,920 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...