Это 3-й день моего участия в ноябрьском испытании обновлений.Подробности о событии:Вызов последнего обновления 2021 г..
Автор: Джатин Шарма Переводчик: Front-end Xiaozhi Источник: разработчик
Есть мечта, есть галантерейные товары, поиск в WeChat【Переезд в мир】Обратите внимание на этого Шуванжи, который все еще моет посуду ранним утром.
Эта статьяGitHubGitHub.com/QQ449245884…Включено, и есть полные тестовые площадки, материалы и мой цикл статей для интервью с производителями первой линии.
Сегодня я продолжаю рекомендовать несколько артефактов, улучшающих наше время рыбалки, поверьте, вы влюбитесь в них.
1. Neumorphism
адрес:neumorphism.io/
Этот сайтsectionилиdivСоздайте соответствующий пользовательский интерфейс, его также можно настроитьborder-radius, box-shadowЖдать.
2. Shadows Brumm
адрес:shadows.brumm.af/
Он может генерировать многослойные тени для нас, действительно классный эффект, а также пользовательские цвета из кривых.
3. CSS Clip-path Maker
адрес:bennettfeely.com/clippy/
Это тот, который я использую чаще всего.Видео CSS, которое я записал в первые дни, многие сложные эффекты создаются этим инструментом для меня, главная рекомендация.
4. Fancy Border Shape Generator
адрес:9elements.GitHub.IO/fancy-weak….
он работаетborder-radiusСоздавайте удивительные формы, которые мы можем свободно использовать в наших проектах, и настраивайте их для достижения желаемой формы.
5. Cubic Curve
адрес:cubic-bezier.com/
Создан для анимации CSScubic-bezier.
6. CSS Gradient
адрес:cssgradient.io/
Если в ваших проектах часто требуются градиенты, вам понравится этот сайт. Я использую его в течение длительного времени, и это прекрасно. Здесь вы также можете использовать некоторые инструменты, такие как кнопки градиента и многое другое.
7. CSS Waves Generator
Следующие три генератора волн могут генерировать волны любого типа, а также маленькие партнеры, которым трудно создавать волны.
CSS Waves
адрес:getwaves.io/
Он генерирует простые волны и имеет некоторые возможности настройки.
Gradient Multiple Waves
адрес:woohoo.softsoft.io/tools/SVG-i...
Он может генерировать несколько волн градиента, и это здорово.
Multiple Animated Waves
адрес:svgwave.in/
Он может генерировать несколько волн градиента, но главная особенность заключается в том, что он также может генерировать для этого анимацию в реальном времени.
8. CSS Grid Generator
CSS grid
адрес:cssgrid-generator.netlify.app/
Он генерирует отличный CSS для сетки, вы можете настроить его с помощью div, а также создает для него дочерние элементы.
CSS Grid Area
Он может генерировать области сетки. Мы можем назвать и настроить регионы в соответствии с конкретными потребностями.
9. Loading Animated GIFs/SVGs
адрес:loading.io/
Этот сайт может генерировать несколько анимаций загрузки и загружать их в форматах SVG, GIF, PNG и других, но его лучшая особенность заключается в том, что вы можете настроить эти анимации на новый уровень.
10. Free Icon Library
Flaticons
адрес:www.flaticon.com/
В этой библиотеке более 5,7 млн векторных иконок. Любой возможный значок, который вы можете использовать, можно найти здесь.
icons8
адрес:icons8.com/
В этой библиотеке также есть множество значков, вы можете настроить их или использовать значки напрямую, не загружая их.
Суммировать
Надеюсь, вы узнали что-то новое из этой статьи, если да, то приходите на Pozan Quilt.
~ Конец, я тот, кто моет посуду, вдохновляет меня и хочет вернуться домой и установить уличный киоск после того, как я выйду на пенсию. Увидимся в следующий раз!
Ошибки, которые могут существовать после развертывания кода, нельзя узнать в режиме реального времени.Чтобы решить эти ошибки впоследствии, много времени тратится на отладку логов.Кстати, всем рекомендую полезный инструмент мониторинга ошибок.Fundebug.
оригинал:Dev.to/Just 471You/10-В это время…
общаться
Статья постоянно обновляется каждую неделю, вы можете искать в WeChat **【Moving the World】Сначала прочитай, ответь[Благополучие] **Вас ждет много фронтенд-видео, эта статья GitHubGitHub.com/QQ449245884…Он был записан, добро пожаловать в Star.