Front-End Daily Challenges

See demo on Codepen: https://codepen.io/comehope/pens/public/

Watch interactive screencast on Scrimba: https://scrimba.com/playlist/pEgDAM

Read annotated source on Segmentfault(zh-cn): https://segmentfault.com/blog/comehope

License

This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.

Name		Name	Last commit message	Last commit date
Latest commit History 430 Commits
001-button-text-staggered-sliding-effects		001-button-text-staggered-sliding-effects
002-rectangular-rotating-loader-animation		002-rectangular-rotating-loader-animation
003-diagonal-stripe-border-effects		003-diagonal-stripe-border-effects
004-metallic-glossy-3d-button-effects		004-metallic-glossy-3d-button-effects
005-sleek-sliding-toggle-checkbox		005-sleek-sliding-toggle-checkbox
006-blue-dazzling-diamond		006-blue-dazzling-diamond
007-3d-text-marquee-effects		007-3d-text-marquee-effects
008-charging-loader-animation		008-charging-loader-animation
009-aimed-button-effects		009-aimed-button-effects
010-concentric-arc-rotating-loader-animation		010-concentric-arc-rotating-loader-animation
011-ripple-pulse-loader-animation		011-ripple-pulse-loader-animation
012-broken-text-effects		012-broken-text-effects
013-hot-coffee-cup		013-hot-coffee-cup
014-three-languages-for-web-development		014-three-languages-for-web-development
015-development-skills-card		015-development-skills-card
016-colorful-gradient-animated-border		016-colorful-gradient-animated-border
017-swapping-colors-loader-animation		017-swapping-colors-loader-animation
018-stroke-morphing-404-effects		018-stroke-morphing-404-effects
019-split-text-menu-effects		019-split-text-menu-effects
020-pixel-animation-heart-shape		020-pixel-animation-heart-shape
021-a-text-sliding-effect-ui		021-a-text-sliding-effect-ui
022-stripy-rainbow-text-effects		022-stripy-rainbow-text-effects
023-reverse-text-color-menu-effects		023-reverse-text-color-menu-effects
024-waves		024-waves
025-comet-rotating-loader		025-comet-rotating-loader
026-set-off-paper-button-effects		026-set-off-paper-button-effects
027-rainbow-loader		027-rainbow-loader
028-penrose-triangle		028-penrose-triangle
029-marquee-slash-animation		029-marquee-slash-animation
030-swinging-signboard-effects		030-swinging-signboard-effects
031-minimalist-ping-pong-animation		031-minimalist-ping-pong-animation
032-hexagonal-button-effects		032-hexagonal-button-effects
033-milk-text-effect		033-milk-text-effect
034-box-border-stacking-effect		034-box-border-stacking-effect
035-panda		035-panda
036-solar-eclipse		036-solar-eclipse
037-stroke-animation-button-effect		037-stroke-animation-button-effect
038-stairs-lettering-effect		038-stairs-lettering-effect
039-stripe-rainbow-heart		039-stripe-rainbow-heart
040-notebook-page-flip-animation		040-notebook-page-flip-animation
041-pencil		041-pencil
042-equalizer-loader		042-equalizer-loader
043-vue-logo		043-vue-logo
044-background-transition-button-effect		044-background-transition-button-effect
045-colorful-rhombus-loader		045-colorful-rhombus-loader
046-bounced-ball-effect		046-bounced-ball-effect
047-butterfly-specimen		047-butterfly-specimen
048-mosquito-coil		048-mosquito-coil
049-ice-lolly		049-ice-lolly
050-newtons-cradle		050-newtons-cradle
051-radar-scanning		051-radar-scanning
052-ring-and-spheres-animation		052-ring-and-spheres-animation
053-text-fade-loader		053-text-fade-loader
054-chessboard		054-chessboard
055-sun-earth-and-moon-model		055-sun-earth-and-moon-model
056-a-programmers-life		056-a-programmers-life
057-eyes-in-the-dark		057-eyes-in-the-dark
058-parrot		058-parrot
059-rainbow-background-text		059-rainbow-background-text
060-lego-brick		060-lego-brick
061-coffee-pot		061-coffee-pot
062-steamer		062-steamer
063-toaster		063-toaster
064-soccer-field		064-soccer-field
065-swaying-loader		065-swaying-loader
066-coffee-machine		066-coffee-machine
067-lattice-dots-loader		067-lattice-dots-loader
068-color-cards		068-color-cards
069-throw-the-box		069-throw-the-box
070-wandered-jelly-monster		070-wandered-jelly-monster
071-8-shaped-dancing-loader		071-8-shaped-dancing-loader
072-bubble-coloring-button		072-bubble-coloring-button
073-fox		073-fox
074-macbook-pro		074-macbook-pro
075-candle		075-candle
076-hey-take-it-easy		076-hey-take-it-easy
077-wavy-flag		077-wavy-flag
078-windows-boot-screen		078-windows-boot-screen
079-mcdonalds-logo		079-mcdonalds-logo
080-bicycle-wheel		080-bicycle-wheel
081-swapping-colors-rotating-animation		081-swapping-colors-rotating-animation
082-bouncing-letter-i		082-bouncing-letter-i
083-a-ball-climbing-the-stairs		083-a-ball-climbing-the-stairs
084-need-for-speed-loader		084-need-for-speed-loader
085-bouncing-ball		085-bouncing-ball
086-rotating-squares		086-rotating-squares
087-refrigerator		087-refrigerator
088-burning-flame		088-burning-flame
089-spiral-arms-particles-animation		089-spiral-arms-particles-animation
090-endless-hexagonal-space		090-endless-hexagonal-space
091-train-loader		091-train-loader
092-saturn		092-saturn
093-lightning-cable		093-lightning-cable
094-polaroid-camera		094-polaroid-camera
095-rotating-worm		095-rotating-worm
096-spacecraft		096-spacecraft
097-swagger-dots		097-swagger-dots
098-pig-in-angry-birds		098-pig-in-angry-birds
099-roller-coaster-loader		099-roller-coaster-loader
100-shimmering-neon-text		100-shimmering-neon-text

Navigation Menu

Repository files navigation

Front-End Daily Challenges

License

About

Releases

Packages

Used by

Contributors

Languages

Folders and files

Latest commit

History

Repository files navigation

Front-End Daily Challenges

License

About

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Used by

Contributors

Languages