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
#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, чтобы увидеть больше интересного контента, подобного этому!
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
🔹Color:
— #012a4a
— #013A63
— #000000
— #333533
С уважением
Foteh Kamolov🌿
🔸Скачать исходный код👇🏻
— Telegram @CODEEF
🔸 Посетите мой телеграм канал и не забудьте подписаться @CODEEF, чтобы увидеть больше интересного контента, подобного этому!
Сегодня я хочу поделиться с вами небольшим отрывком из Блока About (О разделе), над которым сейчас я работаю. Нам понадобиться элемент «карточка» с фиксированной шириной и высотой, а так же иконки. Не забудьте установить overflow: hidden; чтобы текст не выходил за пределом карточки.
Resources:
🔹Font:
— Work Sans
🔹Icon: fas fa-book
🔹Color:
— #012a4a
— #013A63
— #000000
— #333533
С уважением
Foteh Kamolov🌿
🔸Скачать исходный код👇🏻
— Telegram @CODEEF
🔸 Посетите мой телеграм канал и не забудьте подписаться @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, чтобы увидеть больше интересного контента, подобного этому!
Сегодня я хочу поделиться с вами небольшим отрывком из Блока 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 и не забудь поделиться с друзьями ❤️
Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻
Сегодня мы начнем первый HTML Тег <a> 💪
Хочу сказать коротко тег <a> или элемент привязки, с его атрибутом href создает гиперссылку на веб-страницы, файлы, адреса электронной почты, местоположения на той же странице или всё.
А так же работает на всех браузерах:
🔹Chrome - во все версии браузера
🔹Yandex - во все версии браузера
🔹Edge - во все версии браузера
🔹FireFox - во все версии браузера
🔹IE - от 6+ версии
🔹iOS Safari - во все версии браузера
🔹Opera - во все версии браузера
🔹Safari - во все версии браузера
С уважением
Foteh Kamolov🌿
А как вам такой вариант постов?😉
Если понравилось, то жду тебя у себя в группе @CODEEF и не забудь поделиться с друзьями ❤️
Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻