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
#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
#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
Activity
#androidstudio #codeef #kamolovproducts @codeef
Салам! Хочу поделиться о Activity и жизненный цикл приложения! В картинке указано схематично взаимосвязь между всеми этими обратными вызовами!
Вы можете прочитать про:
protected void onCreate();
protected void onStart();
protected void onRestart();
protected void onResume();
protected void onPause();
protected void onStop();
protected void onDestroy();
С уважением
Foteh Kamolov🌿
#androidstudio #codeef #kamolovproducts @codeef
Салам! Хочу поделиться о Activity и жизненный цикл приложения! В картинке указано схематично взаимосвязь между всеми этими обратными вызовами!
Вы можете прочитать про:
protected void onCreate();
protected void onStart();
protected void onRestart();
protected void onResume();
protected void onPause();
protected void onStop();
protected void onDestroy();
С уважением
Foteh Kamolov🌿
Верстка интернет-магазин #codeef #kamolovproducts @codeef
Салам! Верстал сайт используя на практике HTML и SCSS в VS Code. Вы можете скачать и посмотреть макет. В ближайшее время буду обновлять материалы и буду работать над адаптивом.
В проекте:
-Header
-Home
-About
-Collection
-Gallery
-Footer
С уважением
Foteh Kamolov🌿
Скачать исходный код👇🏻
https://github.com/fotehkamolov96/Online-suit-store
Если такие примеры вам нравиться, оставьте в коммент ➕
Салам! Верстал сайт используя на практике HTML и SCSS в VS Code. Вы можете скачать и посмотреть макет. В ближайшее время буду обновлять материалы и буду работать над адаптивом.
В проекте:
-Header
-Home
-About
-Collection
-Gallery
-Footer
С уважением
Foteh Kamolov🌿
Скачать исходный код👇🏻
https://github.com/fotehkamolov96/Online-suit-store
Если такие примеры вам нравиться, оставьте в коммент ➕
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, чтобы увидеть больше интересного контента, подобного этому!