Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/3: Рейтинг темы: голосов - 3, средняя оценка - 5.00
0 / 0 / 2
Регистрация: 20.06.2020
Сообщений: 46

Не отображается эффект затемнения на кнопке при наведении

06.09.2022, 10:45. Показов 648. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день. Занялся практикой и решил попробовать сверстать макет, но возникла проблема и никак не могу понять в чем дело. Хочу отобразить эффект при на ведении и нажатии на кнопку/ссылку, чтобы было небольшое затемнение, но у меня никак не получается понять, в чем конкретно ошибка и почему этот эффект не работает.

HTML5
1
<a href="#" class="btn">Узнать больше</a>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
.btn {
    background-color: #b00d0b;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none;
    border-radius: 50px;
    min-width: 270px;
    padding: 23px, 40px;
    text-align: center;
    transition: background-color .15s linear;
}
 
.btn:hover, :active {
    background-color: darken(#b00d0b, 10%);
}
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
06.09.2022, 10:45
Ответы с готовыми решениями:

Эффект при наведении. При наведении на впереди стоящий элемент, предыдущие элементы меняли цвет border
Необходимо реализовать это по возможности без js. Если есть какие-то варианты на css, буду рад изучить вопрос! Благодарю! На рисунке...

Эффект затемнения в JFrame
Доброго времени суток. Есть JPanel на котором размещен JProgressBar и JLabel. Как только прогрессбар заполняется, происходит...

Эффект затемнения активности
Возможно ли сделать, чтобы при открытии AlertDialog или PopupWindow фоновое активити затемнялось или был какой-то эффект типа уменьшения...

1
Модератор
Эксперт HTML/CSS
 Аватар для AlexZaw
2381 / 1741 / 677
Регистрация: 07.08.2016
Сообщений: 4,096
06.09.2022, 11:19
Лучший ответ Сообщение было отмечено Without_nicknam как решение

Решение

Цитата Сообщение от Without_nicknam Посмотреть сообщение
почему этот эффект не работает.
Так все ж работает.
Если не работает, то возможно потому, что background-color: darken(#b00d0b, 10%); это синтаксис препроцессора, а вы его пытаетесь использовать в чистом css
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
06.09.2022, 11:19
Помогаю со студенческими работами здесь

Эффект затемнения, поверх которого виджет
То есть при нажатии на кнопку, все окно программы затемняется (альфа-тень), а поверх тени выползает виджет, к примеру, GroupBox. И...

Эффект при наведении на ссылку
Нужна помощь Есть ссылка, вида Ссылка При наведении на ссылку, нужен эффект обводки сверху и снизу длиной 100px Облазил...

Интересный эффект при наведении
На сайте http://fitness.madza-wordpress-premium-themes.com/?page_id=27 обнаружила интересный эффект, когда наводишь мышку на картинку,...

Эффект при наведении на ссылку
Можно ли сделать верхнее меню как на этом сайте? http://vk.cc/2Ridge т.е. что бы при наведении на ссылку был такой эффект...

Эффект при наведении на ссылку
Всем доброго времени суток! На сайте http://oknoffsochi.ru/ с правой стороны от центрального блока, есть меню с маленькими картинками и...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
Использование значений реквизитов справочника в документе, с определенными условиями и правами
Maks 07.04.2026
1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию
Maks 07.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru