Image Hover Effect
#codeef #kamolovproducts @codeef

Салам! В этой статье я хочу поделиться с вами, как красиво сделать Image Hover Effect. Тег <figure> в HTML представляет самостоятельный контент, часто с подписью, которая указывается с помощью элемента (<figcaption>). Иными словами можно сказать тег figure (figure with optional caption - рисунок с необязательным заголовком) служит для создания контейнера для изображения с необязательным заголовком. Семантический тег. А тег figcaption - это заголовок для figure.

Fonts:
— 'Changa One'
— 'Roboto Slab'
— 'Berlin Sans FB'
— 'Georgia'

Colors:
— #E1E7F0
— #1AA1FD
— #F3F2F0
— #0080AA
— #075E54

С уважением
Foteh Kamolov🌿

Скачать исходный код👇🏻
https://github.com/fotehkamolov96/Image-hover-effect

Телеграм канал👇🏻
t.me/codeef

#htmlcss #html5 #html #css #css3
#javascript #javascriptdeveloper #webdeveloper #webdesigner

⠀
Card with Text
#codeef @codeef

🔹 Сегодня я хочу поделиться с вами небольшим отрывком, который я создал недавно для небольшого проекта, над которым я работал. Нам понадобиться элемент «карточка» с фиксированной шириной и высотой, а так же поместим изображение в качестве фона.

🔹 Не забудьте установить overflow: hidden; чтобы текст не выходил за рамки.

С уважением
Foteh Kamolov🌿

Скачать исходный код👇🏻
https://github.com/fotehkamolov96/Card-with-Text-and-hover-effect

🔸 Посетите мой телеграм канал и не забудьте подписаться @CODEEF, чтобы увидеть больше интересного контента, подобного этому!

Салам Алейкум!
Сегодня я хочу поделиться с вами небольшим отрывком из Блока About (О разделе), над которым сейчас я работаю. Нам понадобиться элемент «карточка» с фиксированной шириной и высотой, а так же иконки. Не забудьте установить overflow: hidden; чтобы текст не выходил за пределом карточки.
Resources:

🔹Font:
— Work Sans

🔹Icon: fas fa-book

🔹Colors:
— #012a4a
— #013A63
— #000000
— #333533

С уважением
Foteh Kamolov🌿

🔸Скачать исходный код👇🏻
https://github.com/fotehkamolov96/Style-about-section-with-card

🔸 Посетите мой телеграм канал и не забудьте подписаться @CODEEF, чтобы увидеть больше интересного контента, подобного этому!

Привет, мой друг!
Сегодня мы начнем первый HTML Тег <a> 💪
Хочу сказать коротко тег <a> или элемент привязки, с его атрибутом href создает гиперссылку на веб-страницы, файлы, адреса электронной почты, местоположения на той же странице или всё.

А так же работает на всех браузерах:
🔹Chrome - во все версии браузера
🔹Yandex - во все версии браузера
🔹Edge - во все версии браузера
🔹FireFox - во все версии браузера
🔹IE - от 6+ версии
🔹iOS Safari - во все версии браузера
🔹Opera - во все версии браузера
🔹Safari - во все версии браузера

С уважением
Foteh Kamolov🌿

А как вам такой вариант постов?😉

Если понравилось, то жду тебя у себя в группе @CODEEF и не забудь поделиться с друзьями ❤️

Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻