Logowanie

przesłona z tekstem po najechaniu (css i html)

pytanie zadane 29 listopada 2015 w HTML i CSS przez Mako Użytkownik (650 p.)
zmienione kategorie 29 listopada 2015 przez Arkadiusz Waluk

jak zrobić coś takiego, że kiegy najade na jakiś obiekt np. kwadrat z linkiem, to na nim pojawi się półprzezroczysta przesłona danego koloru i do tgo tekst

3 odpowiedzi

odpowiedź 29 listopada 2015 przez Michał628496 Pasjonat (17,340 p.)

style.css:

.onhover
{
	position:absolute;
}
.onhover .image
{
	position:absolute;
}
.onhover .textonhover
{
	font-size:30px;
	visibility:hidden;
	position:absolute;
	display:flex;
	justify-content:center;
	align-items:center;
	width:szerokość obrazka;
	height:wysokość obrazka;
	background-color:#ff0000;
	opacity:0.6;
}
.onhover:hover .textonhover
{
	visibility:visible;
}

kod HTML:

<!DOCTYPE HTML>

<html lang ="pl">

<head>

<meta charset  = "utf-8"/>
<link rel = "stylesheet" href = "style.css"/>
</head>

<body>
	
	<div class = "onhover">
		<img src = "test.png" class = "image"/>
		<span class = "textonhover">TEST</span>
	</div>
</body>


</html>

Po najechaniu na obrazek pojawi się tekst na półprzezroczystym czerwonym tle

odpowiedź 29 listopada 2015 przez Boshi VIP (100,240 p.)

hover, a na tekst jest multum sposób. Zobacz na necie.

komentarz 29 listopada 2015 przez Mako Użytkownik (650 p.)

ale co dodać w hover

odpowiedź 29 listopada 2015 przez Ivan Maniak (60,650 p.)

Podobne pytania

+1 głos

2 odpowiedzi 1,154 wizyt

[CSS] Wysuwana wyszukiwarka po najechaniu kursorem

pytanie zadane 20 listopada 2015 w HTML i CSS przez Zine Obywatel (1,000 p.)

0 głosów

2 odpowiedzi 1,841 wizyt

Jak zrobić animacje po najechaniu na przycisk w HTML ( jscript)?

pytanie zadane 22 lipca 2016 w JavaScript przez nodo12221 Obywatel (1,100 p.)

+1 głos

1 odpowiedź 143 wizyt

efekt hover po najechaniu na box

pytanie zadane 23 października 2023 w HTML i CSS przez new_user Użytkownik (610 p.)

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!

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!

...

przesłona z tekstem po najechaniu (css i html)

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

3 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci