<MyRusakov.ru />

Вёрстка сайта с нуля

Вёрстка сайта с нуля

Это уникальная информация по созданию страниц любой сложности. Вы узнаете всё, что нужно по HTML и CSS, а также увидите множество примеров по вёрстке страниц. А также почти к каждому уроку идут упражнения для закрепления материала, поэтому в отличном результате можете быть уверены! Пройдя данный курс, Вы сможете верстать страницы с любым по сложности дизайном. Помимо курса, Вы получите Бонус, который расскажет, как заработать на вёрстке сайтов.

Весь курс соткан из практических примеров реальной вёрстки. А также почти к каждому уроку идут упражнения для закрепления материала, поэтому в отличном результате можете быть уверены!

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Плавно появляющиеся рамка
08.07.2015 11:15:14 Плавно появляющиеся рамка Сообщение #1
iorvk90

iorvk90

Новичок

Новичок

Дата регистрации:
17.07.2014 20:33:27

Сообщений: 13

Как задать border, чтобы рамка появлялась при наведении не сразу, а плавно расширялась на заданную ширину и высоту?
Профиль Ответить
21.07.2015 17:25:37 Плавно появляющиеся рамка Сообщение #2
HTMLord

HTMLord

Освоившийся

Освоившийся

Дата регистрации:
20.05.2015 07:32:50

Сообщений: 30

a{
transition: border, 0.3s;
}

a:hover{
border: 1px solid #000;
}
Профиль Ответить
13.11.2015 15:58:19 Плавно появляющиеся рамка Сообщение #3
CyberGenius777

CyberGenius777

Освоившийся

Освоившийся

Дата регистрации:
25.11.2013 14:39:15

Сообщений: 30

<HTML>

<link rel="stylesheet" href="main.css">
<a href="#"> Noob</a>

<CSS>

a {
border: none;
text-decoration: none;
color: black;
}
a:hover{
border: 3px solid black;
transition: all .1s;
}

А для плавного появления и исчезновения  рамки CSS должен быть такой
<CSS>

a {
border: none;
text-decoration: none;
color: black;
}
a:hover{
border: 3px solid black;
transition: all .1s;
}
a:not(:hover){
border: 3px solid black;
transition: all .1s;
}
Профиль Ответить
28.01.2016 10:32:10 Плавно появляющиеся рамка Сообщение #4
dmitras

dmitras

Новичок

Новичок

Дата регистрации:
28.01.2016 10:30:37

Сообщений: 4

а разве это не на пхп или js нужно делать?
Профиль Ответить
28.01.2016 13:11:57 Плавно появляющиеся рамка Сообщение #5
CyberGenius777

CyberGenius777

Освоившийся

Освоившийся

Дата регистрации:
25.11.2013 14:39:15

Сообщений: 30

Php тут ни при чем. Но эту же вещь можно сделать и на javascript
Профиль Ответить
29.01.2016 15:24:40 Плавно появляющиеся рамка Сообщение #6
dmitras

dmitras

Новичок

Новичок

Дата регистрации:
28.01.2016 10:30:37

Сообщений: 4

а мне кажеться что на этом движке лучше бы было http://www.umi-cms.ru/
Профиль Ответить