• 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;

0 głosów
66 wizyt
pytanie zadane 15 października 2017 w HTML i CSS przez Meardy Gaduła (4,010 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 2017 przez ProgramistaStepek Pasjonat (24,500 p.)
wybrane 15 października 2017 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 2017 przez ProgramistaStepek Pasjonat (24,500 p.)

Źródło -> Link

Podobne pytania

0 głosów
1 odpowiedź 144 wizyt
0 głosów
0 odpowiedzi 118 wizyt
pytanie zadane 24 grudnia 2017 w HTML i CSS przez ildan91 Użytkownik (610 p.)
0 głosów
1 odpowiedź 326 wizyt
pytanie zadane 24 sierpnia 2015 w HTML i CSS przez ignacjusz Bywalec (2,410 p.)
Porady nie od parady
Pytania na temat serwisu SPOJ należy zadawać z odpowiednią kategorią dotyczącą tej strony.SPOJ

52,093 zapytań

94,979 odpowiedzi

193,661 komentarzy

25,394 pasjonatów

Przeglądających: 222
Pasjonatów: 15 Gości: 207

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.

...