|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
13.11.2016, 22:49 | #1 |
Пользователь
Регистрация: 23.10.2016
Сообщений: 86
|
Анимированое подчеркивание кнопок меню
Мне понравилась идея меню с подчеркиванием кнопок и я решил попробовать сделать такое меню. Погуглив я нашел код для подчеркивания ссылок и решил переделать его под кнопки, но как я не воротил этот код ничего не выходит, подчеркивание намертво засело под белой линией, а мне нужно чтобы оно было на ней(выше грани меню). Если кто знает как исправить, буду благодарен за совет.
HTML: Код HTML:
<!DOCTYPE html> <html lang="uk"> <head> <meta charset="UTF-8"> <title>Сайт</title> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> </head> <body> <div class="header"> <div class="logo"> <img src="img/Screenshot_1.png" alt=""> </div> <div class="h-nav"> <ul> <li><a href="#about">О нас</a></li> <li><a href="#catalogue">Каталог</a></li> <li><a href="#pricelist">Цены</a></li> <li><a href="#contacts">Контакты</a></li> <li><a href="#map">Карта</a></li> </ul> </div> </div> <div class="main"> </div> <div class="footer"> <div class="f-nav"></div> </div> </body> </html> Код:
Насылаю баги по фотографии преимущественно себе
|
13.11.2016, 23:12 | #2 |
юзер как все
Участник клуба
Регистрация: 10.01.2012
Сообщений: 1,586
|
Не увверен что именно такой эффект ты хотел. Попробуй, отпишись. Идея на самом деле прикольная !
Я чуть-чуть от себя добавил ::::::::::::::::::::::::::::::::::: ::::: Вот вроде ничего так. Код:
<Дзен - Вся вселенная в тебе > | Резюме: https://ch3ll0v3k.github.io/CV/
Последний раз редактировалось pompiduskus; 13.11.2016 в 23:41. |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Подчеркивание текста в richtextbox | Vault13 | C# (си шарп) | 1 | 02.07.2015 18:59 |
Выделение кнопок меню | MedwedoS | HTML и CSS | 0 | 14.07.2014 18:53 |
Можно ли менять фон кнопок разной длины в горизонтальном меню на roll-over c CSS? | shavedcat | HTML и CSS | 15 | 05.04.2013 12:42 |
Частичное подчеркивание | AesmaDiv | Microsoft Office Excel | 4 | 05.12.2010 17:37 |
графическое подчеркивание ссылок в меню | lisa3281 | HTML и CSS | 1 | 08.03.2009 14:32 |