Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/18: Рейтинг темы: голосов - 18, средняя оценка - 5.00
3 / 3 / 1
Регистрация: 15.12.2013
Сообщений: 83
1

Есть ли способ плавно вывести бордер при наведении, ну и плавно скрыть

15.12.2014, 20:17. Просмотров 3331. Ответов 2
Метки нет (Все метки)


Необходимо плавно вывести границу при наведении, и плавно чтобы скрывалась если убрать курсор. Что можете посоветовать?
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
15.12.2014, 20:17
Ответы с готовыми решениями:

Плавно увеличить PictureBox при наведении курсора
Приветствую. Есть массив PictureBox, размер которых необходимо плавно изменять при наведении...

Кнопка, плавно меняющая цвет при наведении
не могу разобраться как добавить цвета. их должно быть 16, а у меня получился только 1 <html>...

При наведении на полупрозрачную картинку, прозрачность увеличивается на 100%(плавно)
При наведении на полупрозрачную картинку, прозрачность увеличивается на 100%(плавно), при отведении...

При наведении курсора на один блок, плавно выпадает другой
Грубо говоря я немного запутался с jQuery. Начал изучать не так давно. Прошу вас помочь мне...

2
12 / 12 / 5
Регистрация: 07.04.2014
Сообщений: 174
15.12.2014, 20:23 2
Оберни в div задай border и этому divy задавай transition
1
3230 / 2776 / 1395
Регистрация: 15.01.2014
Сообщений: 6,089
15.12.2014, 20:25 3
Лучший ответ Сообщение было отмечено 12Gerc как решение

Решение

Цитата Сообщение от 12Gerc Посмотреть сообщение
Необходимо плавно вывести границу при наведении
Смотрим пример
HTML5
1
<div class="anim-border"></div>
CSS
1
2
3
4
5
6
7
8
9
10
11
.anim-border {
    width: 200px;
    height: 200px;
    background: #ccc;
    border: 3px solid #fff; /* или вместо цвета - transparent */
    -webkit-transition: border-color 0.5s linear;
    transition: border-color 0.5s linear;
}
.anim-border:hover {
    border-color: #900;
}
В принципе, можно и без изначально прописанной рамки, но плавности не будет.
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
15.12.2014, 20:25

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь или здесь.

Изменение background плавно сверху вниз при наведении курсора и убирании
Как я понимаю надо использовать toggle, но как? Этот код не работает: $(&quot;.order-call&quot;) ...

Плавно показать/скрыть элементы
Есть такой код &lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;title&gt;Transitions &lt;/title&gt; ...

Плавно уменьшать и скрыть View
Как можно реализовать похожее на это https://mzgreen.github.io/images/3/scrollingtoolbarandfab.gif...

Кнопка показать/скрыть плавно, с заменой текста кнопки
.del {display: none;} &lt;div class=&quot;raz&quot;&gt;Показать&lt;/div&gt; &lt;div class=&quot;del&quot;&quot;&gt; 123 ...

Вывести на экран монитора прямоугольник,чтобы он плавно перемещался
Помогите пожалуйста Вывести на экран монитора прямоугольник красного (Red) цвета таким образом,...

Вывести изображение плавно переходящей кривой, не выходящей за пределы формы
рандомная прямая ввести изображение плавно переходящей кривой , не выходящей за пределы формы.


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.