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

Transition nie działa z diasply:none i display:block;

Ultraszybki serwer VPS NVMe START
0 głosów
47 wizyt
pytanie zadane 15 października w HTML i CSS przez Meardy Bywalec (2,970 p.)

Witam mam taki kod w html

<div class="okienko"> <p class="srodek">Dallas</p>  <img class="logo" src="slajdy/Dallas.jpg"></img> </div>

i  css jego

.logo
{
	width:255px; 
	height:250px;
	border-radius:10px;
	z-index:1;
		transition:0.3s;
}
.logo:hover
{

	opacity:0.5;
	transition:0.3s;
	cursor:pointer;
}
.srodek
{
	margin-top:0;
	width:255px; 
	height:250px;
	display:none;
	font-size:30px;
	text-align:center;
	z-index:2;
	position:absolute;
	transition:0.3s;
	cursor:pointer;
}

.okienko:hover .srodek
{
	opacity:0.5;
	background-color:green;
	transition:0.5s;
	display:block;
}

Jak najeżdzam to zmienia mi na napis, i podmienia background-color tylko transition  nie działa. Wszystkie go róbowałem przełącza po najechaniu tak jakby odrazu. Jakieś pomysły chłopaki?

1 odpowiedź

0 głosów
odpowiedź 15 października przez ProgramistaStepek Stary wyjadacz (14,610 p.)
wybrane 15 października przez Meardy
 
Najlepsza
Nie da się zrobić, żeby display przełączał się płynnie. Jeżeli chcesz uzyskać taki efekt użyj opacity.
komentarz 15 października przez ProgramistaStepek Stary wyjadacz (14,610 p.)

Źródło -> Link

Podobne pytania

0 głosów
1 odpowiedź 244 wizyt
pytanie zadane 24 sierpnia 2015 w HTML i CSS przez ignacjusz Bywalec (2,430 p.)
0 głosów
1 odpowiedź 82 wizyt
0 głosów
2 odpowiedzi 71 wizyt

41,548 zapytań

80,592 odpowiedzi

159,504 komentarzy

19,827 pasjonatów

Przeglądających: 136
Pasjonatów: 3 Gości: 133

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...