CSS transition

(Ответов: 3, Просмотров: 367)
  1. Новичок
    • Регистрация: 04.05.2016
    • Сообщений: 2
    • Репутация: 0
    Добрый день уважаемые спецы. Написал на css и html выпадающее меню, хотел немного украсить с помощью transition , но почему то работает как то неадекватно...сидел над этим час, не могу понять. Хочу, чтобы при наведении на .relmenu li у блока .submenu менялись свойства opacity и visibility. Т.е чтобы блок .submenu менял постепенно прозрачность с 0.5 на 1 и становился видимым. Но отрабатывает как то неадекватно и даже не всегда. Когда навожу на .relmenu li блок .submenu сначала имеет прозрачность 1 и начинает постепенно переходить на 0.5 (хотя я жду эффекта с точностью до наоборот) и достигнув значения 0.5 снова резко становится 1(((. Про visibility вообще молчу, не работает. Может это свойство вообще не работает с transition как и display?



    Заранее спасибо за ликбез!
    Вложения
    • 0
  2. Гуру Аватар для Septik
    • Регистрация: 03.04.2010
    • Сообщений: 790
    • Репутация: 168
    • Webmoney BL: ?
    Скачивается php файл вместо архива, залейте куда-нибудь в другое место.
    • 0
  3. Новичок
    • Регистрация: 04.05.2016
    • Сообщений: 2
    • Репутация: 0
    • 0
  4. Новичок
    • Регистрация: 11.04.2015
    • Сообщений: 1
    • Репутация: 0
    • Webmoney BL: ?
    Давай сделаем вот так:

    Код:
    .relmenu li:hover .submenu{
    	display: block;
    	opacity: 1;
    	visibility: visible;
    	transition: 0.5s linear;
    }
    
    .submenu{
    	background-color: #f4f4f4;
    	position: absolute;
    	top: -150px;
    	left: 230px;
    	opacity: 0;
    	padding: 0px 15px 50px;
    	visibility: hidden;
    	width: 205px;
    }
    • 0

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры