Перейти к содержимому


Фото
- - - - -

Действие пр нажатии на логотип


  • Чтобы отвечать, сперва войдите на форум
4 ответов в теме

#1 Alex000

Alex000
  • Пользователь
  • 57 сообщений
  • Верстка
  • Откуда:Минск

Опубликовано 05.03.2018 - 13:51

Доброго времени суток, подскажите как добиться эффекта нажатия на логотип, то есть при нажатии что бы добавлялись padding? А после того как отпускаем кнопку что бы опять лого возвращался в исходное положение.



#2 yr4ik

yr4ik
  • Фрилансер
  • 854 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:1.x, 2.x
  • Откуда:Украина Чернигов

Опубликовано 05.03.2018 - 14:32

http://htmlbook.ru/css/active



#3 Alex000

Alex000
  • Пользователь
  • 57 сообщений
  • Верстка
  • Откуда:Минск

Опубликовано 05.03.2018 - 15:53

http://htmlbook.ru/css/active

Спасибо, но вы не внимательно прочли мой вопрос, псевдо класс active получает активная ссылка, а активна она после нажатия на неё и то тех пор пока активным не станет другой элемент, а мне нужно что бы после того как кнопка мыши была отпущена ссылка приняла исходный вид. Например как в шаблоне Luxury



#4 Kosjak76

Kosjak76
  • Модератор
  • 3 753 сообщений
  • Программирование
  • Версия CMS:1.x, 2.x
  • Откуда:Харьков, Украина

Опубликовано 05.03.2018 - 16:20

Вы не внимательно читали доки :)

Код шаблона по ссылке

#logo a{
	display: block;
}

#logo a:active{
	position: relative;
	top: 1px;
}


#5 Alex000

Alex000
  • Пользователь
  • 57 сообщений
  • Верстка
  • Откуда:Минск

Опубликовано 05.03.2018 - 16:45

Вы не внимательно читали доки :)

Код шаблона по ссылке

#logo a{
	display: block;
}

#logo a:active{
	position: relative;
	top: 1px;
}

Всем спасибо, получилось. 


Изменено: Alex000, 05.03.2018 - 16:49





0 пользователей читают эту тему

0 пользователей, 0 гостей, 0 скрытых