B 站 HTML 学习 demo

首页

https://yyeexin.github.io/bilibili-html-demo/

可能需要使用的资源 CDN

<!-- font-awesome -->
<link href="https://cdn.bootcss.com/font-awesome/5.8.0/css/all.css" rel="stylesheet" />

目录

效果名 预览 源码
登录页 Login.html Login.html
Loading 效果 Loading1.html Loading1.html
图片 3D 分层悬浮效果 LayeredImage.html LayeredImage.html
搜索框 SearchBox.html SearchBox.html
社交媒体按钮 SocialMediaButtons.html SocialMediaButtons.html
悬浮照片效果 FloatPhoto.html FloatPhoto.html
自适应布局导航 FlexLayout.html FlexLayout.html
自适应相册 FlexAlbum.html FlexAlbum.html
自适应 UI 设计 FlexCard.html FlexCard.html
荧光边框 GradientBorderEffects.html GradientBorderEffects.html
登录页 1 Login1.html Login1.html
自适应滑动评论列表 Testimonia.html Testimonia.html
登录页 2 Login2.html Login2.html
4 种图标 hover 效果 IconHover.html IconHover.html
Menu Hover MenuHover.html MenuHover.html
Persion Website PersionWebsite.html PersionWebsite.html
Reverse Card ReverseCard.html ReverseCard.html
FoldMenu FoldMenu.html FoldMenu.html
Text Text.html Text.html
动态晴阴雨雪 Weather.html Weather.html