Просмотрите 450 идей на доске «Design» и на тему «веб-дизайн» | дизайн веб-сайтов, веб-дизайн и дизайн приложений, стили графического дизайна и т. д.
Skip to content
Search for easy dinners, fashion, etc.
When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures.

Design

492 Pins
·
3h
blogin248
By
Bodya8
Related searches
We think you’ll love these

Related Interests

Coding Tutorials
Learn Computer Coding
Web Design
Learn Web Development
Computer Coding
Web Development Programming
Как сделать объемную кнопку в Figma

Создание стильной кнопки — это просто! Попробуйте эти шаги:

1️⃣ Создайте прямоугольник и задайте плавные закругления углов. 
2️⃣ Добавьте градиент: выберите два оттенка для легкой игры света и тени. 
3️⃣ Создайте тень: лёгкая размытая тень придаст кнопке эффект глубины. 
4️⃣ Добавьте текст: выберите четкий контрастный шрифт, чтобы кнопка выделялась. 
5️⃣ Настройте прототипирование: добавьте эффект нажатия для интерактивности.

Теперь ваша кнопка выглядит ...
Как сделать объемную кнопку в Figma

Создание стильной кнопки — это просто! Попробуйте эти шаги:

1️⃣ Создайте прямоугольник и задайте плавные закругления углов. 
2️⃣ Добавьте градиент: выберите два оттенка для легкой игры света и тени. 
3️⃣ Создайте тень: лёгкая размытая тень придаст кнопке эффект глубины. 
4️⃣ Добавьте текст: выберите четкий контрастный шрифт, чтобы кнопка выделялась. 
5️⃣ Настройте прототипирование: добавьте эффект нажатия для интерактивности.

Теперь ваша кнопка выглядит ...
Как сделать объемную кнопку в Figma

Создание стильной кнопки — это просто! Попробуйте эти шаги:

1️⃣ Создайте прямоугольник и задайте плавные закругления углов. 
2️⃣ Добавьте градиент: выберите два оттенка для легкой игры света и тени. 
3️⃣ Создайте тень: лёгкая размытая тень придаст кнопке эффект глубины. 
4️⃣ Добавьте текст: выберите четкий контрастный шрифт, чтобы кнопка выделялась. 
5️⃣ Настройте прототипирование: добавьте эффект нажатия для интерактивности.

Теперь ваша кнопка выглядит ...
Как сделать объемную кнопку в Figma

Создание стильной кнопки — это просто! Попробуйте эти шаги:

1️⃣ Создайте прямоугольник и задайте плавные закругления углов. 
2️⃣ Добавьте градиент: выберите два оттенка для легкой игры света и тени. 
3️⃣ Создайте тень: лёгкая размытая тень придаст кнопке эффект глубины. 
4️⃣ Добавьте текст: выберите четкий контрастный шрифт, чтобы кнопка выделялась. 
5️⃣ Настройте прототипирование: добавьте эффект нажатия для интерактивности.

Теперь ваша кнопка выглядит ...
Как сделать объемную кнопку в Figma

Создание стильной кнопки — это просто! Попробуйте эти шаги:

1️⃣ Создайте прямоугольник и задайте плавные закругления углов. 
2️⃣ Добавьте градиент: выберите два оттенка для легкой игры света и тени. 
3️⃣ Создайте тень: лёгкая размытая тень придаст кнопке эффект глубины. 
4️⃣ Добавьте текст: выберите четкий контрастный шрифт, чтобы кнопка выделялась. 
5️⃣ Настройте прототипирование: добавьте эффект нажатия для интерактивности.

Теперь ваша кнопка выглядит ...
Как сделать объемную кнопку в Figma

Создание стильной кнопки — это просто! Попробуйте эти шаги:

1️⃣ Создайте прямоугольник и задайте плавные закругления углов. 
2️⃣ Добавьте градиент: выберите два оттенка для легкой игры света и тени. 
3️⃣ Создайте тень: лёгкая размытая тень придаст кнопке эффект глубины. 
4️⃣ Добавьте текст: выберите четкий контрастный шрифт, чтобы кнопка выделялась. 
5️⃣ Настройте прототипирование: добавьте эффект нажатия для интерактивности.

Теперь ваша кнопка выглядит ...
Как сделать объемную кнопку в Figma

Создание стильной кнопки — это просто! Попробуйте эти шаги:

1️⃣ Создайте прямоугольник и задайте плавные закругления углов. 
2️⃣ Добавьте градиент: выберите два оттенка для легкой игры света и тени. 
3️⃣ Создайте тень: лёгкая размытая тень придаст кнопке эффект глубины. 
4️⃣ Добавьте текст: выберите четкий контрастный шрифт, чтобы кнопка выделялась. 
5️⃣ Настройте прототипирование: добавьте эффект нажатия для интерактивности.

Теперь ваша кнопка выглядит ...
Как сделать объемную кнопку в Figma

Создание стильной кнопки — это просто! Попробуйте эти шаги:

1️⃣ Создайте прямоугольник и задайте плавные закругления углов. 
2️⃣ Добавьте градиент: выберите два оттенка для легкой игры света и тени. 
3️⃣ Создайте тень: лёгкая размытая тень придаст кнопке эффект глубины. 
4️⃣ Добавьте текст: выберите четкий контрастный шрифт, чтобы кнопка выделялась. 
5️⃣ Настройте прототипирование: добавьте эффект нажатия для интерактивности.

Теперь ваша кнопка выглядит ...
Как сделать объемную кнопку в Figma

Создание стильной кнопки — это просто! Попробуйте эти шаги:

1️⃣ Создайте прямоугольник и задайте плавные закругления углов. 
2️⃣ Добавьте градиент: выберите два оттенка для легкой игры света и тени. 
3️⃣ Создайте тень: лёгкая размытая тень придаст кнопке эффект глубины. 
4️⃣ Добавьте текст: выберите четкий контрастный шрифт, чтобы кнопка выделялась. 
5️⃣ Настройте прототипирование: добавьте эффект нажатия для интерактивности.

Теперь ваша кнопка выглядит ...
Как сделать объемную кнопку в Figma

Создание стильной кнопки — это просто! Попробуйте эти шаги:

1️⃣ Создайте прямоугольник и задайте плавные закругления углов. 
2️⃣ Добавьте градиент: выберите два оттенка для легкой игры света и тени. 
3️⃣ Создайте тень: лёгкая размытая тень придаст кнопке эффект глубины. 
4️⃣ Добавьте текст: выберите четкий контрастный шрифт, чтобы кнопка выделялась. 
5️⃣ Настройте прототипирование: добавьте эффект нажатия для интерактивности.

Теперь ваша кнопка выглядит ...
1/10
Как сделать объемную кнопку в Figma Создание стильной кнопки — это просто! Попробуйте эти шаги: 1️⃣ Создайте прямоугольник и задайте плавные закругления углов. 2️⃣ Добавьте градиент: выберите два оттенка для легкой игры света и тени. 3️⃣ Создайте тень: лёгкая размытая тень придаст кнопке эффект глубины. 4️⃣ Добавьте текст: выберите четкий контрастный шрифт, чтобы кнопка выделялась. 5️⃣ Настройте прототипирование: добавьте эффект нажатия для интерактивности. Теперь ваша кнопка выглядит...
an info sheet with the text how to create basic cs grids

More about this Pin

Related interests

Easy Html Coding Guide
Coding Example Html File
Css Grid Design Tutorial
Css Coding Standards Guide
Html5 Coding Process
How To Make A Grid In Html
Css Grid Code Example
Learn Css Grid Layout
How To Create A Grid In Html
#JS #HTML #CSS #webdeveloper #coding #programming #beginner
javascript tutorial, javascript detect dark mode

More about this Pin

Related interests

Javascript Tips
Javascript Concepts Infographic
How To Detect Touch In Javascript
Javascript Easing Functions
How To Detect Dark Mode In Javascript
Javascript Development Code
Javascript Dark Theme Detection
Flow-based Programming For Javascript
Javascript Dark Mode Detection Code
Learn about javascript detect dark mode\
Casual High End Outfits, Special Occasion Outfits For Women, Black Elegance Outfit, Chic Sophisticated Outfits, Fancy Maxi Skirt Outfit, Black And White Outfit Women, Outfits For The Opera, Skirt Outfits Fancy, White And Black Dress Outfit

More about this Pin

Related interests

Casual High End Outfits
Special Occasion Outfits For Women
Black Elegance Outfit
Chic Sophisticated Outfits
Fancy Maxi Skirt Outfit
Black And White Outfit Women
Outfits For The Opera
Skirt Outfits Fancy
White And Black Dress Outfit
coding for beginners computer programming web development
coding for beginners computer programming web development
coding for beginners computer programming web development
coding for beginners computer programming web development
coding for beginners computer programming web development

More about this Pin

Related interests

Javascript Coding Graphic
Html Code Web Design
Javascript Coding Concepts
Coding Html Css
Coding Screen With Javascript Code
Html Css Java Script
Css Tips For Web Developers
Html Code
Css Programming
coding for beginners computer programming web development
the css scroll - snap is shown in this screenshote screen graber

More about this Pin

Related interests

Css Baseline Spacing
Javascript Scroll Function Tutorial
How To Scroll In Javascript
How To Scroll To Element In Javascript
Javascript Smooth Scroll Function Code
Css Speed Curves
Css Scroll Progress Bar
Css Transition Curve
How To Make Infinite Scroll In Javascript
CSS Scroll Snap lets you control how a scroll container snaps to elements as the user scrolls, creating smooth, precise navigation experiences. 🔧 Key Properties: scroll-snap-type: Defines snapping behavior (e.g., x mandatory). scroll-snap-align: Sets how child elements align (e.g., start, center). scroll-snap-stop: Optional stopping behavior (normal or always). 🧩 Example: css Copy Edit .container { scroll-snap-type: x mandatory; overflow-x: scroll; } .item { scroll-snap-align...
an image of a computer screen with the text circular loader in red and black

More about this Pin

Related interests

Python Programming Tutorial Interface
Python Coding Tutorial Interface
Micro:bit Programming Tutorial
Load More Button Javascript
Circular Timer Javascript
Modern Css Loading Screen
Raspberry Pi Node-red Programming Tutorial
Cyberpunk Hacking Screen
Javascript Loading Page Example
Discover innovative design patterns and captivating animations for user interfaces, such as circular loaders. Learn how to implement visually appealing and functional elements that enhance user experience in your web or app projects. Explore creative solutions for loading indicators and more. Get inspired by captivating UI design concepts!
the front cover of a web page with an arrow pointing to it and text reading add hyperlinks to specific location on web page

More about this Pin

Related interests

Html Knowledge For Web Scraping
Html Attributes Guide
Javascript Knowledge Graph
How To Set Html Direction
Easy Html Guide Online
Html Css Website Structure
Best Practices For Html Inputs
Css Hyperlink Options
Html Link Creation Tips
Anchor links let users jump to a specific part of a page — great for navigation and long content! 🛠 How to Create Anchor Links: Target a location with an id: html Copy Edit <h2 id="about">About Us</h2> Link to that location: html Copy Edit <a href="#about">Go to About Section</a> You can also link from other pages: html Copy Edit <a href="page.html#about">About on Another Page</a> 💡 Tip: Keep id names descriptive and unique for better SEO and accessibility. #HTMLTips #AnchorLinks...
an image of a computer screen with the text,'magin auto '

More about this Pin

Related interests

Css Basics
Web Desing
Css Tutorial
Html Css
Chapter 16
Computer Science
Ui Design
Simple Way
Web Development
Need to center a block element horizontally? Set a width and apply margin: auto! It's the simplest way to center divs and layout containers without extra classes or hacks. Just remember: it only works when a width is defined. Clean, responsive, and widely supported! #CSS #WebDesign #FrontendTips #UIDesign #MarginAuto #CSSBasics #Centering #dLibroLearning
This may contain: a man is sitting on the floor with his hands in front of him

More about this Pin

Related interests

Photography Lessons
Photography
0:10
Для создания таких кадров главное знать несколько нехитрых приёмов, которые мы разбираем в Контент Клубе. Это не просто сообщество тех, кто ведет блог, а целая система, где ты получаешь - обратную связь, - лучшие идеи для своих рилс, - поддержку в течение всего времени, - базу уроков, с моими секретами создания контента и ведения блога🔥 Узнать актуальную программу этого месяца и занять место в клубе 👉 переходи по ссылке https://t.me/skodorova_contentclub_bot
a poster with the names and numbers of different languages in russian, english and hebrew

More about this Pin

Related interests

Bullet Journal
Photoshop
Marketing
Books
Design
дизайн постов, посты, сторис, идеи для сторис, дизайн, сторисмейкер, веб-дизайн, вдохновение, дизайн постера, минимализм в постере, креативный постер, афиша, постер на заказ, визуал для инстаграма, визуал, обложка поста, оформление соцсетей, иллюстрация для постера, графический дизайн, design posts, design stories, web design, inspiration, idea, marketing, aesthetic, poster, poster design, custom poster, advertising poster, art poster, minimalism poster, online poster design, graphic design...
the css text ellipsis screen is shown

More about this Pin

Related interests

Css Ellipsis Example Code
How To Implement Ellipsis In Css
Css Variables In Html
Css Code
Css Calc Examples
Powerful Css Tools For Developers
Css Tricks Web Development
Html Website Code
Building MagicNotes @magicnotes_ai and sharing valuable knowledges to fellow front-end devs.
an image of a computer screen with the text'multiply any element or tag by using asterisk followed by number of times you want to replicate it

More about this Pin

Related interests

Javascript Coding Tricks For Beginners
What Does Three Dots Mean In Javascript
Web Development Tips And Tricks
Web Development Coding Tips
Css Development Tips
Web Developer Tips & Strategies
Web Developer Debugging Tips
Learn Php For Web Development
Javascript Tutorial For Web Developers
the ultimate guide to creating and formating tags

More about this Pin

Related interests

Html Formatting Tips
Online Html Coding Tool
Html Tags List With Examples
Basic Html Tags
Html All Tags
Html Tags And Attributes
Html Tags List Pdf
Html Tags List And Attributes
Htmlhint Coding Tool
You can use HTML formatting tags to make a text bold, strong, italicize, emphasize, underline, and so on. Visit our free HTML formatting tutorial.
Режем текст без плагинов: маски для гибкости, булевы — для чистых векторов. Добавьте смещение, тени и блик — и “ниндзя-рез” готов за 3 минуты. 

#figma #figmatips #ui #uiux #motion #typography #texteffects #design #дизайн #карусель #tutorial
Режем текст без плагинов: маски для гибкости, булевы — для чистых векторов. Добавьте смещение, тени и блик — и “ниндзя-рез” готов за 3 минуты. 

#figma #figmatips #ui #uiux #motion #typography #texteffects #design #дизайн #карусель #tutorial
Режем текст без плагинов: маски для гибкости, булевы — для чистых векторов. Добавьте смещение, тени и блик — и “ниндзя-рез” готов за 3 минуты. 

#figma #figmatips #ui #uiux #motion #typography #texteffects #design #дизайн #карусель #tutorial
Режем текст без плагинов: маски для гибкости, булевы — для чистых векторов. Добавьте смещение, тени и блик — и “ниндзя-рез” готов за 3 минуты. 

#figma #figmatips #ui #uiux #motion #typography #texteffects #design #дизайн #карусель #tutorial
Режем текст без плагинов: маски для гибкости, булевы — для чистых векторов. Добавьте смещение, тени и блик — и “ниндзя-рез” готов за 3 минуты. 

#figma #figmatips #ui #uiux #motion #typography #texteffects #design #дизайн #карусель #tutorial
Режем текст без плагинов: маски для гибкости, булевы — для чистых векторов. Добавьте смещение, тени и блик — и “ниндзя-рез” готов за 3 минуты. 

#figma #figmatips #ui #uiux #motion #typography #texteffects #design #дизайн #карусель #tutorial
Режем текст без плагинов: маски для гибкости, булевы — для чистых векторов. Добавьте смещение, тени и блик — и “ниндзя-рез” готов за 3 минуты. 

#figma #figmatips #ui #uiux #motion #typography #texteffects #design #дизайн #карусель #tutorial

More about this Pin

Режем текст без плагинов: маски для гибкости, булевы — для чистых векторов. Добавьте смещение, тени и блик — и “ниндзя-рез” готов за 3 минуты. #figma #figmatips #ui #uiux #motion #typography #texteffects #design #дизайн #карусель #tutorial

More about this Pin

Related interests

Instagram