SELECT STYLE
#codeef #kamolovproducts @codeef
Стилизация Select с помощью HTML-CSS

Button Shadow
#codeef #kamolovproducts @codeef

Салам! В этой статье я хочу поделиться с вами, как красиво сделать box-shadow. CSS-свойство box-shadow позволяет добавлять элементу одну или несколько теней, указывая их параметры через запятую. Свойство тени представляет собой описанные смещения по x и y от элемента, радиус размытия и его радиус, а также цвет.

пример:
| box-shadow: 10px 5px 5px red
| box-shadow: inset 5em 1em gold

colors:
— #A4161A
— #030057
— #F9F9F9

font:
— 'Fyodor'

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

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

Telegram @codeef

List-Item
#codeef #kamolovproducts @codeef

Салам! В этой статье я хочу поделиться с вами, как красиво сделать List-Item. Универсальное свойство, позволяющее одновременно задать стиль маркера, его положение, а также изображение, которое будет использоваться в качестве маркера списка.

📌 Html
📌 CSS

colors:
— #0080AA
— #E85D04
— #DC2F02
— #F6F6F6
— #FFFC00

font:
— 'Fyodor'
— 'Roboto Slab'
— 'Alfa Slab One'

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

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

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, чтобы увидеть больше интересного контента, подобного этому!

Салам Алейкум!

🔹 Сегодня я хочу поделиться с вами небольшим опытом при выбора профессию и расскажу про две сферы разработки. Выбираем профессии frontend- и backend-разработчика: принципы и отличия. Статья о том, что такое frontend- и backend-разработка, чем отличаются и как взаимодействуют между собой. Разбираемся и выбираем себе направление.


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

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

Сохрани этот пост и оставь комментарий ниже, если у тебя есть вопросы!👇🏻
t.me/codeef
#опрос1 #codeef #cтатья
#kamolovproducts