README

Example Guide

贡献指南

▼ 项目列表

▼ Intermediate-Level Ideas

Book Finder App

To-Do 应用

命令行计算器

Markdown预览器

Emoji翻译器应用

Password Generator

Name Generator

Meme生成器应用

FlashCards应用

Charity Finder App

Podcast目录应用

Game Suggestion App

Simple Online Store

Flip Art App

HighStriker游戏

Sports Bracket Generator

时区提醒机器人

二维码徽章应用

卡片记忆游戏

Bit Masks App

Chrome主题扩展

Currency Converter

Drawing App

GitHub个人资料

Image Scanner

Markdown表格生成器

RegExp助手应用

Sales数据库应用程序

String Art

This or That Game

Typing Practice App

Voting App

Math Editor

▼ 初学者项目合集

Bin2Dec应用

Border Radius Previewer

CSV转JSON应用

Calculator App

Calendar App

因果应用

Christmas Lights App

Color Cycle App

倒计时器应用

Dollars To Cents App

Dynamic CSS Variables App

First Database App

Flip Image App

GitHub状态应用

Hello App

IOT邮箱应用

JSON转CSV应用

Javascript正则表达式验证

Key-Value 应用

Lorem Ipsum 生成器

Notes应用

Pearson回归应用

Pomodoro时钟

产品登陆页

Quiz应用程序

随机餐点生成器

随机数生成器

Recipe App

Roman to Decimal Converter

滑块设计

Stopwatch App

True or False App

Vigenere 密码

Weather App

Windchill App

Word Frequency App

▼ Advanced Ideas

Battleship Bot

Battleship游戏引擎

Boole Bot 游戏

Bug Race Game

Calorie Counter App

Chat应用

Contribution Tracker App

Elevator App

FastFood应用

GitHub时间线应用

GitTweet应用

Instagram克隆应用

Kudos Slackbot

Movie App

MyPodcast Library App

NASA系外行星查询

Shell Game

Shuffle-Deck-App

Slack 归档器

SpellIt-App

Survey App

颜色循环

等级: 初级

颜色在应用的用户界面和用户体验(UI/UX)中起着重要作用。ColorCycle旨在帮助Web开发人员更好地理解RGB颜色,通过在一段时间内对一个彩色方框进行微小更改。

该应用程序绘制一个填充为用户指定颜色的方框,并根据用户输入随时间进行微小更改。换句话说,它会从循环切换到最初指定的颜色。这些更改允许用户体验到RGB颜色规范各个部分的不同更改的视觉影响(例如#000000颜色代码)。

用户故事

  • [ ] 用户可以指定一个起始填充颜色,为一个六个十六进制标准CSS颜色代码,分为两个数字组成的三部分 - 红色、蓝色和绿色
  • [ ] 用户可以指定每个颜色组件的增量值,该值将在每.25秒添加到该组件
  • [ ] 用户可以看到每隔.25秒填充颜色更改的方框
  • [ ] 用户只能在应用程序停止时更改颜色组件及其增量
  • [ ] 用户可以使用一个按钮开始和停止填充操作,当停止时按钮名称变为“开始”,当启动时按钮名称变为“停止”
  • [ ] 如果为颜色组件输入了非十六进制数字,则会收到警告

额外功能

  • [ ] 用户可以更改颜色更改的时间间隔
  • [ ] 用户可以指定用于从RGB转换为其他格式(如HSL)的颜色编码格式

有用的链接和资源

CSS颜色代码

示例项目

CSS颜色变化的背景