«Если рабочий хочет хорошо выполнять свою работу, он должен сначала заточить свои инструменты» — Конфуций, «Аналитики Конфуция. Лу Лингун»
титульная страница > программирование > Веселые красочные кодепы

Веселые красочные кодепы

Опубликовано 9 ноября 2024 г.
Просматривать:946

Fun Colorful Codepens

Привет, для меня, как дизайнера, цвет очень важен.

За последние два года я собрал и создал несколько цветовых палитр. Но это не тема сегодняшнего поста.

Сегодня я хотел бы поделиться несколькими забавными цветными ручками, которые я сделал.

Пойдем…

(Примечание: некоторые из них могут быть несовместимы на мобильных устройствах.)


1. Ползунки цвета RGB

Что я могу сказать по этому поводу. Прежде чем мы пойдем дальше, я должен сказать, что я использую Microsoft Copilot, чтобы помочь мне с более тонкими деталями CSS и JS.

Хорошо, какие в этом есть интересные особенности. Игра с ползунками мгновенно обновляет цвет фона страницы и значения ввода текста для RGB. Это работает в двух направлениях, если вы хотите ввести значение, а не играть с ползунком.

2. Калькулятор цвета

Кому не нравится простой калькулятор? У этого есть замечательная функция, которая позволяет вам ввести или вставить шестнадцатеричный код цвета в экран ответа, чтобы изменить цвет!

3. Случайные цветовые палитры с помощью JS

Кстати о цветовых палитрах. Вот генератор случайной цветовой палитры. Я создал это просто для развлечения. Я знаю, что часто использую искусственный интеллект для создания проектов. Но когда дело доходит до цветовых палитр, я не использую искусственный интеллект или генератор случайных цветовых палитр. Возможно, у него есть свои варианты использования, но многие мои дизайнерские проекты мне очень дороги, и я стараюсь тщательно подходить к цветам, которые использую.

4. Черно-белый циферблат

Очень красивое простое лицо члена. Будет отличная заставка. Нажмите, чтобы переключить светлую и темную тему.

5. Рамка приложения SunBible с опциями цветной темы.

Это проект, над которым я работал много лет. Я создал это с нуля и упаковал как настольное приложение с помощью Electron. Вы можете просмотреть весь код на GitHub

6. Бесконечная прокрутка ABC с цветной анимацией

Что ж, спасибо, что досмотрели эту статью до конца. Если вам нравится прокручивать, я вам помогу.

Мне бы хотелось пообщаться с вами в комментариях. Дайте мне знать, что вам нравится, возможно, подскажите мне идею для другого интересного проекта.

Заявление о выпуске Эта статья воспроизведена по адресу: https://dev.to/nonрезистентныйreally/colorful-fun-codepens-1o81?1. Если есть какие-либо нарушения, свяжитесь с [email protected], чтобы удалить их.
Последний учебник Более>

Изучайте китайский

Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.

Copyright© 2022 湘ICP备2022001581号-3