# htmlprojects
**Repository Path**: star8521/htmlprojects
## Basic Information
- **Project Name**: htmlprojects
- **Description**: 酷炫的50多个HTML/CSS/JavaScript页面demo
- **Primary Language**: HTML
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://www.iwmyx.cn/
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-05-01
- **Last Updated**: 2024-05-01
## Categories & Tags
**Categories**: Uncategorized
**Tags**: HTML
## README
# htmlprojects
#### 介绍
酷炫的50多个HTML/CSS/JavaScript页面demo
#### 使用说明
| # | 项目 | 演示地址 |
| :-: | --------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------- |
| 01 | [Expanding Cards](https://gitee.com/star8521/htmlprojects/tree/master/expanding-cards) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/expanding-cards/) |
| 02 | [Progress Steps](https://gitee.com/star8521/htmlprojects/tree/master/progress-steps) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/progress-steps/) |
| 03 | [Rotating Navigation Animation](https://gitee.com/star8521/htmlprojects/tree/master/rotating-nav-animation) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/rotating-navigation-animation/) |
| 04 | [Hidden Search Widget](https://gitee.com/star8521/htmlprojects/tree/master/hidden-search) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/hidden-search-widget/) |
| 05 | [Blurry Loading](https://gitee.com/star8521/htmlprojects/tree/master/blurry-loading) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/blurry-loading/) |
| 06 | [Scroll Animation](https://gitee.com/star8521/htmlprojects/tree/master/scroll-animation) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/scroll-animation/) |
| 07 | [Split Landing Page](https://gitee.com/star8521/htmlprojects/tree/master/split-landing-page) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/split-landing-page/) |
| 08 | [Form Wave](https://gitee.com/star8521/htmlprojects/tree/master/form-input-wave) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/form-wave/) |
| 09 | [Sound Board](https://gitee.com/star8521/htmlprojects/tree/master/sound-board) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/sound-board/) |
| 10 | [Dad Jokes](https://gitee.com/star8521/htmlprojects/tree/master/dad-jokes) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/dad-jokes/) |
| 11 | [Event Keycodes](https://gitee.com/star8521/htmlprojects/tree/master/event-keycodes) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/event-keycodes/) |
| 12 | [Faq Collapse](https://gitee.com/star8521/htmlprojects/tree/master/faq-collapse) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/faq-collapse/) |
| 13 | [Random Choice Picker](https://gitee.com/star8521/htmlprojects/tree/master/random-choice-picker) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/random-choice-picker/) |
| 14 | [Animated Navigation](https://gitee.com/star8521/htmlprojects/tree/master/animated-navigation) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/animated-navigation/) |
| 15 | [Incrementing Counter](https://gitee.com/star8521/htmlprojects/tree/master/incrementing-counter) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/incrementing-counter/) |
| 16 | [Drink Water](https://gitee.com/star8521/htmlprojects/tree/master/drink-water) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/drink-water/) |
| 17 | [Movie App](https://gitee.com/star8521/htmlprojects/tree/master/movie-app) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/movie-app/) |
| 18 | [Background Slider](https://gitee.com/star8521/htmlprojects/tree/master/background-slider) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/background-slider/) |
| 19 | [Theme Clock](https://gitee.com/star8521/htmlprojects/tree/master/theme-clock) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/theme-clock/) |
| 20 | [Button Ripple Effect](https://gitee.com/star8521/htmlprojects/tree/master/button-ripple-effect) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/button-ripple-effect/) |
| 21 | [Drag N Drop](https://gitee.com/star8521/htmlprojects/tree/master/drag-n-drop) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/drag-n-drop/) |
| 22 | [Drawing App](https://gitee.com/star8521/htmlprojects/tree/master/drawing-app) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/drawing-app/) |
| 23 | [Kinetic Loader](https://gitee.com/star8521/htmlprojects/tree/master/kinetic-loader) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/kinetic-loader/) |
| 24 | [Content Placeholder](https://gitee.com/star8521/htmlprojects/tree/master/content-placeholder) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/content-placeholder/) |
| 25 | [Sticky Navbar](https://gitee.com/star8521/htmlprojects/tree/master/sticky-navigation) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/sticky-navbar/) |
| 26 | [Double Vertical Slider](https://gitee.com/star8521/htmlprojects/tree/master/double-vertical-slider) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/double-vertical-slider/) |
| 27 | [Toast Notification](https://gitee.com/star8521/htmlprojects/tree/master/toast-notification) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/toast-notification/) |
| 28 | [Github Profiles](https://gitee.com/star8521/htmlprojects/tree/master/github-profiles) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/github-profiles/) |
| 29 | [Double Click Heart](https://gitee.com/star8521/htmlprojects/tree/master/double-click-heart) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/double-click-heart/) |
| 30 | [Auto Text Effect](https://gitee.com/star8521/htmlprojects/tree/master/auto-text-effect) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/auto-text-effect/) |
| 31 | [Password Generator](https://gitee.com/star8521/htmlprojects/tree/master/password-generator) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/password-generator/) |
| 32 | [Good Cheap Fast](https://gitee.com/star8521/htmlprojects/tree/master/good-cheap-fast) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/good-cheap-fast/) |
| 33 | [Notes App](https://gitee.com/star8521/htmlprojects/tree/master/notes-app) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/notes-app/) |
| 34 | [Animated Countdown](https://gitee.com/star8521/htmlprojects/tree/master/animated-countdown) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/animated-countdown/) |
| 35 | [Image Carousel](https://gitee.com/star8521/htmlprojects/tree/master/image-carousel) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/image-carousel/) |
| 36 | [Hoverboard](https://gitee.com/star8521/htmlprojects/tree/master/hoverboard) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/hoverboard/) |
| 37 | [Pokedex](https://gitee.com/star8521/htmlprojects/tree/master/pokedex) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/pokedex/) |
| 38 | [Mobile Tab Navigation](https://gitee.com/star8521/htmlprojects/tree/master/mobile-tab-navigation) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/mobile-tab-navigation/) |
| 39 | [Password Strength Background](https://gitee.com/star8521/htmlprojects/tree/master/password-strength-background) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/password-strength-background/) |
| 40 | [3d Background Boxes](https://gitee.com/star8521/htmlprojects/tree/master/3d-boxes-background) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/3d-background-boxes/) |
| 41 | [Verify Account Ui](https://gitee.com/star8521/htmlprojects/tree/master/verify-account-ui) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/verify-account-ui/) |
| 42 | [Live User Filter](https://gitee.com/star8521/htmlprojects/tree/master/live-user-filter) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/live-user-filter/) |
| 43 | [Feedback Ui Design](https://gitee.com/star8521/htmlprojects/tree/master/feedback-ui-design) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/feedback-ui-design/) |
| 44 | [Custom Range Slider](https://gitee.com/star8521/htmlprojects/tree/master/custom-range-slider) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/custom-range-slider/) |
| 45 | [Netflix Mobile Navigation](https://gitee.com/star8521/htmlprojects/tree/master/netflix-mobile-navigation) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/netflix-mobile-navigation/) |
| 46 | [Quiz App](https://gitee.com/star8521/htmlprojects/tree/master/quiz-app) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/quiz-app/) |
| 47 | [Testimonial Box Switcher](https://gitee.com/star8521/htmlprojects/tree/master/testimonial-box-switcher) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/testimonial-box-switcher/) |
| 48 | [Random Image Feed](https://gitee.com/star8521/htmlprojects/tree/master/random-image-generator) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/random-image-feed/) |
| 49 | [Todo List](https://gitee.com/star8521/htmlprojects/tree/master/todo-list) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/todo-list/) |
| 50 | [Insect Catch Game](https://gitee.com/star8521/htmlprojects/tree/master/insect-catch-game) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/insect-catch-game/) |
| 51 | [Simple Timer](https://gitee.com/star8521/htmlprojects/tree/master/simple-timer) | [演示地址](https://y.cdn.iwmyx.cn/htmlprojects/simple-timer/) |