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 и не забудь поделиться с друзьями ❤️
Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻
Салам Алейкум!!!
Так ребята новый курс от WebDushanbe Academy.
Курс предназначен для тех, кто уже владеет основами разработки и желает продвинуть свои навыки.
📍WebDushanbe Academy
Тебя обучат базовой логике, методам и особенностям программной разработки. Ты можешь освоить программирование с упором на практику, а также изучить профессию и IT-сферу изнутри.
С уважением
Foteh Kamolov🌿
https://www.instagram.com/p/CJtbICtB9IR/?igshid=qzgoxi7j4q41
Так ребята новый курс от WebDushanbe Academy.
Курс предназначен для тех, кто уже владеет основами разработки и желает продвинуть свои навыки.
📍WebDushanbe Academy
Тебя обучат базовой логике, методам и особенностям программной разработки. Ты можешь освоить программирование с упором на практику, а также изучить профессию и IT-сферу изнутри.
С уважением
Foteh Kamolov🌿
https://www.instagram.com/p/CJtbICtB9IR/?igshid=qzgoxi7j4q41
Instagram
🔹 Какой браузер вы посоветуете использовать в 2021 и какой браузер вам нравиться❓
#Опрос1 #codeef #kamolovproducts чат в комментах👇🏻
#Опрос1 #codeef #kamolovproducts чат в комментах👇🏻
Anonymous Poll
86%
Google Chrome
19%
Яндекс.Браузер
17%
Mozilla Firefox
9%
Опера
7%
Microsoft Edge
10%
Safari
1%
Cent
4%
Atom
1%
Maxthon
Салам Алейкум!
🔹 Сегодня я хочу поделиться с вами небольшим опытом при выбора профессию и расскажу про две сферы разработки. Выбираем профессии frontend- и backend-разработчика: принципы и отличия. Статья о том, что такое frontend- и backend-разработка, чем отличаются и как взаимодействуют между собой. Разбираемся и выбираем себе направление.
С уважением
Foteh Kamolov🌿
Если понравилось пост, то жду тебя у себя в группе @CODEEF и не забудь поделиться с друзьями ❤️
Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻
t.me/codeef
#опрос1 #codeef #cтатья
#kamolovproducts
🔹 Сегодня я хочу поделиться с вами небольшим опытом при выбора профессию и расскажу про две сферы разработки. Выбираем профессии frontend- и backend-разработчика: принципы и отличия. Статья о том, что такое frontend- и backend-разработка, чем отличаются и как взаимодействуют между собой. Разбираемся и выбираем себе направление.
С уважением
Foteh Kamolov🌿
Если понравилось пост, то жду тебя у себя в группе @CODEEF и не забудь поделиться с друзьями ❤️
Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻
t.me/codeef
#опрос1 #codeef #cтатья
#kamolovproducts