Как сделать кнопку в css с ссылкой + видео
Всем привет!
Сегодня я записал для вас видеоурок, в котором показываю, как из обычной ссылки (тег A) сделать полноценную "кнопищу" при помощи CSS3.
Урок получился интересный, сугубо практический – воды 0%. Поэтому, он только для тех, кто любит что-то делать своими руками. Готового кода кнопки я не дам, а все покажу, как надо делать, в видео.
В нем мы будем разбирать:
- Как обычную ссылку сделать кнопкой, реагирующей на нажатие.
- Как присобачить градиент через CSS.
- Скругление углов.
- Создание тени.
- И буду объяснять кучу других правил CSS по ходу урока.
Вот то, что у ВАС получится после урока
Но перед просмотром хочу сделать маленькую новость, потому как многие подписчики уже крутят в своих головах довольно таки милый вопрос:
Теперь по теме, урок в относительно "хорошем" качестве можно посмотреть онлайн через ютуб:
Для прохождения урока понадобится файл-заготовка, можно сделать его самому, а можно воспользоваться готовым вариантом, скачав его у меня.
А еще можете скачать урок к себе на комп в отличном качестве (HD 1280х720).
Ниже идет окно с кнопками социальных сетей, щелкаете на любую из них, и автоматически появятся ссылки на скачивание урока и файла заготовки. Просто жми на любую кнопку соцсети и сам все поймешь:
На этом все, надеюсь было интересно. Оставляйте свои впечатления и замечания в комментариях.
PS: Обратите внимание, что цвет кнопки вы можете указать свой, какой только захотите. Впрочем как и все остальное – отступы, размер, тень, градиент и так далее.
Пользуйтесь на здоровье!