├── .DS_Store ├── README.md ├── 闪亮的玻璃悬停效果 └── index.html ├── 底部标签栏交互 └── index.html ├── 脉动星球 └── index.html ├── 表单验证动画效果 └── index.html ├── 霓虹灯边框 └── index.html ├── 输入框点击动态效果 └── index.html ├── 发光悬停动画 └── index.html ├── 卡片毛玻璃效果 └── index.html ├── 登录框输入动画效果 └── index.html ├── 无限滚动动画 └── index.html ├── 登录页面效果 └── index.html ├── 迷你键盘 └── index.html ├── 九种加载动画效果 └── index.html └── 熊猫动态登录框 └── index.html /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/iyuyoung/html_daliy/HEAD/.DS_Store -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # 抖音账号：程序员青阳 2 | 3 | 4 | ☺️ 全栈工程师 5 | 6 | 🎁 日常分享简洁的代码、高效的编程技巧 7 | 8 | 👏 欢迎交流分享 9 | 10 | 🙏 感谢关注 11 | 12 | > 微信账号：Yuyoungo 13 | 14 | 欢迎分享交流 15 | 16 | ..... 17 | 18 | 先随便写点，明天再补充 19 | 20 | -------------------------------------------------------------------------------- /闪亮的玻璃悬停效果/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 闪亮的玻璃悬停效果 9 | 10 | 105 | 106 | 107 | 108 |
109 | 110 |
111 | 112 | 113 | 114 |
115 |
116 | 117 | 118 | -------------------------------------------------------------------------------- /底部标签栏交互/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | CSS底部标签栏交互 9 | 10 | 122 | 123 | 124 | 125 |
126 | 127 |
128 | 底部标签栏交互 129 |
130 | 131 |
132 |
133 | 134 | 135 | 首页 136 | 137 | 138 | 139 | 购物车 140 | 141 | 142 | 143 | 我的 144 | 145 | 146 |
147 |
148 |
149 | 150 | 151 | -------------------------------------------------------------------------------- /脉动星球/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | CSS 脉动星球效果 9 | 268 | 269 | 270 | 271 |
272 | 273 |
274 | CSS 脉动星球效果 275 |
276 | 277 |
278 |
279 |
280 |
281 | 282 | 283 | -------------------------------------------------------------------------------- /表单验证动画效果/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | CSS 输入框错误提示动画 9 | 285 | 286 | 287 | 288 |
289 | 290 |
291 | CSS 表单验证动画 292 |
293 | 294 |
295 | 296 |
297 | 298 | -------------------------------------------------------------------------------- /霓虹灯边框/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | CSS 旋转霓虹灯变边框 9 | 295 | 296 | 297 | 298 |
299 | 300 |
301 | 旋转霓虹灯变边框 302 |
303 | 304 |
305 |
306 |
307 |
308 |
309 |
310 |
311 | 312 | -------------------------------------------------------------------------------- /输入框点击动态效果/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 输入框点击动态效果 9 | 307 | 308 | 309 | 310 |
311 | 312 |
313 | 输入框点击动态效果 314 |
315 | 316 |
317 |
318 | 319 | 320 | 321 | 322 | 323 |
324 |
325 |
326 | 327 | 328 | -------------------------------------------------------------------------------- /发光悬停动画/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | CSS 发光悬停动画效果 9 | 10 | 305 | 306 | 307 | 308 |
309 | 310 |
311 | 发光悬停动画效果 312 |
313 | 314 |
315 |
316 | 317 | 318 | 319 | 320 |
321 |
322 |
323 | 324 | 325 | -------------------------------------------------------------------------------- /卡片毛玻璃效果/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 卡片毛玻璃效果 9 | 297 | 298 | 299 | 300 |
301 | 302 |
303 | 卡片毛玻璃效果 304 |
305 | 306 |
307 |
308 |
310 |
311 |
312 |

程序员青阳

313 |

Example Card Heading

314 |
315 |
316 |
317 |
318 | 319 | 320 | 321 | -------------------------------------------------------------------------------- /登录框输入动画效果/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | CSS 登录框输入动画 9 | 321 | 322 | 323 | 324 |
325 | 326 |
327 | 登录框输入动画 328 |
329 | 330 |
331 | 343 |
344 |
345 | 346 | 347 | -------------------------------------------------------------------------------- /无限滚动动画/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | CSS无限滚动动画 9 | 305 | 306 | 307 | 308 |
309 | 310 |
311 | 无限滚动动画 312 |
313 | 314 |
315 |
316 |
317 |
#Typescript
318 |
#Javascript
319 |
#HTML
320 |
#CSS
321 |
#React
322 |
#Vue
323 |
#Typescript
324 |
#Javascript
325 |
#HTML
326 |
#CSS
327 |
#React
328 |
#Vue
329 |
330 |
331 |
#Python
332 |
#PHP
333 |
#Java
334 |
#Golang
335 |
#.Net
336 |
#NodeJS
337 |
#Python
338 |
#PHP
339 |
#Java
340 |
#Golang
341 |
#.Net
342 |
#NodeJS
343 |
344 |
345 |
#Mysql
346 |
#PostgreSQL
347 |
#Oracle
348 |
#SQLServer
349 |
#Redis
350 |
#Memcached
351 |
#Mysql
352 |
#PostgreSQL
353 |
#Oracle
354 |
#SQLServer
355 |
#Redis
356 |
#Memcached
357 |
358 |
359 |
360 |
361 |
362 | 363 | 374 | 375 | -------------------------------------------------------------------------------- /登录页面效果/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | CSS 登录框输入动画 9 | 10 | 395 | 396 | 397 | 398 |
399 | 400 |
401 | 登录框输入动画 402 |
403 | 404 |
405 |
406 |
407 |
408 | 421 | 424 |
425 |
426 | 427 | 428 | 429 | 430 |
431 |
432 |
433 |
434 |
435 | 436 | 437 | -------------------------------------------------------------------------------- /迷你键盘/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 迷你键盘 9 | 459 | 460 | 461 | 462 |
463 | 464 |
465 | 466 |
467 | 468 |
469 |
470 |
471 |
472 |
Ctrl
473 |
474 |
475 |
C
476 |
477 |
478 |
V
479 |
480 |
481 |
482 |
483 |
484 | 485 | 486 | 487 | -------------------------------------------------------------------------------- /九种加载动画效果/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | CSS九种加载动画 9 | 615 | 616 | 617 | 618 |
619 | 620 |
621 | 九种常用加载动画 622 |
623 | 624 |
625 |
626 |
627 | 628 |
629 |
630 | 631 |
632 |
633 | 634 |
635 |
636 | 637 |
638 |
639 | 640 |
641 |
642 | 643 |
644 |
645 | 646 |
647 |
648 | 649 |
650 |
651 | 652 |
653 |
654 |
655 |
656 | 657 | 658 | -------------------------------------------------------------------------------- /熊猫动态登录框/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | CSS login登录框 9 | 10 | 668 | 669 | 670 | 671 |
672 | 673 |
674 |
675 | 676 |
677 |
678 |
679 |
680 |
681 |
682 |
683 |
684 |
685 |
686 |
687 |
688 |
689 |
690 |
691 |
692 |
693 |
694 |
695 |
696 |
697 |
698 |
699 |
700 |
701 |
702 |
703 | 704 | 705 |
706 |
707 | 708 | 709 |

请输入账号密码

710 | 711 |
712 |
713 |
714 |
715 | 716 | 743 | 744 | --------------------------------------------------------------------------------