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
— HTML элемент <canvas> создаёт область, в которой при помощи JavaScript можно рисовать разные объекты, выводить изображения, трансформировать их и менять свойства. При помощи <canvas> можно создавать рисунки, анимацию, игры и др.
— А так же работает на всех браузерах:
🔹Chrome - во все версии браузера
🔹Yandex - во все версии браузера
🔹Edge - во все версии браузера
🔹FireFox - во все версии браузера
🔹iOS Safari - во все версии браузера
🔹Opera - во все версии браузера
🔹Safari - во все версии браузера
С уважением
Foteh Kamolov🌿
— Если понравилось этот пост, то не забудь поделиться с друзьями ❤️ и подписаться на канал @CODEEF 🙈
— Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻
#html #html5 #htmltags #tags #webdeveloper #webdesigner #codeef
— А так же работает на всех браузерах:
🔹Chrome - во все версии браузера
🔹Yandex - во все версии браузера
🔹Edge - во все версии браузера
🔹FireFox - во все версии браузера
🔹iOS Safari - во все версии браузера
🔹Opera - во все версии браузера
🔹Safari - во все версии браузера
С уважением
Foteh Kamolov🌿
— Если понравилось этот пост, то не забудь поделиться с друзьями ❤️ и подписаться на канал @CODEEF 🙈
— Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻
#html #html5 #htmltags #tags #webdeveloper #webdesigner #codeef
Тег HTML <fieldset> находится внутри тега <body>. Он используется для группировки связанных меток и элементов управления в теге <form>.
Большинство браузеров будут отображать тег <fieldset> с черной рамкой вокруг него, но вы можете изменить это поведение с помощью CSS. Вы можете использовать тег <legend>, чтобы отобразить заголовок для <fieldset>. Этот заголовок будет отображаться перед соответствующими элементами управления формы в <fieldset>
▪️С уважением
▪️Foteh Kamolov🌿
— Если понравилось, то не забудь поделиться с друзьями ❤️
Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻
#html #html5 #htmltags #tags #webdeveloper #webdesigner
#codeef
https://www.instagram.com/p/CMYb4VJhdEu/?igshid=qxn95p8g9ium
Большинство браузеров будут отображать тег <fieldset> с черной рамкой вокруг него, но вы можете изменить это поведение с помощью CSS. Вы можете использовать тег <legend>, чтобы отобразить заголовок для <fieldset>. Этот заголовок будет отображаться перед соответствующими элементами управления формы в <fieldset>
▪️С уважением
▪️Foteh Kamolov🌿
— Если понравилось, то не забудь поделиться с друзьями ❤️
Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻
#html #html5 #htmltags #tags #webdeveloper #webdesigner
#codeef
https://www.instagram.com/p/CMYb4VJhdEu/?igshid=qxn95p8g9ium
— Тег HTML <iframe> или плавающий фрейм — отдельное окно, HTML-документ, который отображается вместе с другим содержимым страницы в окне браузера. Располагаться он может в любом месте, без привязки к тегу <iframe>.
— А так же работает на всех браузерах:
🔹Chrome - во все версии браузера
🔹Yandex - во все версии браузера
🔹Edge - во все версии браузера
🔹FireFox - во все версии браузера
🔹iOS Safari - во все версии браузера
🔹Opera - во все версии браузера
🔹Safari - во все версии браузера
С уважением
Foteh Kamolov🌿
— Если понравилось, то не забудь поделиться с друзьями ❤️
Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻
#html #html5 #htmltags #tags #webdeveloper #webdesigner
#codeef
— А так же работает на всех браузерах:
🔹Chrome - во все версии браузера
🔹Yandex - во все версии браузера
🔹Edge - во все версии браузера
🔹FireFox - во все версии браузера
🔹iOS Safari - во все версии браузера
🔹Opera - во все версии браузера
🔹Safari - во все версии браузера
С уважением
Foteh Kamolov🌿
— Если понравилось, то не забудь поделиться с друзьями ❤️
Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻
#html #html5 #htmltags #tags #webdeveloper #webdesigner
#codeef