https://yyeexin.github.io/bilibili-html-demo/
<!-- 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 |