• 首页

  • 实验室
    音乐 状态监控

  • 归档

  • 后宫

  • 留言板

  • 组成
    动漫相册 动态 关于我
知雨

知雨

写代码是热爱,写到世界充满爱!

2021年到了,在这里先祝大家新年阖家欢乐,万事如意!博客新版布局已上线,来访的大佬们有什么意见和建议请前往 留言板 告诉我哦~
友链
  • ONESTAR
  • 新逸Cary
  • Zidone
  • 梦之翼
  • MmCee-我的世界
  • 小太の游乐园
  • Xinger
  • 更多 +
  • 广告
    01月
    18
    前端

    仿b站返回顶部小火箭

    发表于 2021-01-18 • 字数统计 716 • 被 753 人看爆

    bilibili右下角返回顶部按钮样式源代码

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<style>
    			.back-to-top {
    				background-image: url("https://cdn.jsdelivr.net/gh/cetr/cdn@master/blog/img/space-to-top.png");
    				width: 62px;
    				height: 88px;
    			}
    
    			.back-to-top:hover {
    				animation: to-top-fly .4s steps(1) infinite;
    			}
    
    			@keyframes to-top-fly {
    				0% {
    					background-position-x: -142.5px;
    				}
    
    				16.5% {
    					background-position-x: -284.5px;
    				}
    
    				33% {
    					background-position-x: -429.5px;
    				}
    
    				49.5% {
    					background-position-x: -570.5px;
    				}
    
    				66% {
    					background-position-x: -714.5px;
    				}
    
    				82.5% {
    					background-position-x: -856.5px;
    				}
    
    				100% {
    					background-position-x: 0px;
    				}
    			}
    		</style>
    	</head>
    	<body>
    		<div class="back-to-top"></div>
    	</body>
    </html>
    
    分享到:
    给网站添加PWA
    网上收集了一些好用的工具
    • 文章目录
    • 站点概览
    知雨

    你能抓到我么?

    Email 订阅 RSS 订阅
    装备
    最喜欢的歌手
    MacBook Pro、华硕zx50v、iPhone 8 Plus、AirPods Pro
    薛之谦、鹿乃、原来是萝卜丫、麦小兜
    DIY
    完整UI
    夜间模式
    看爆 Top5
    • 网上收集了一些好用的工具 2042次看爆
    • vue基础 982次看爆
    • 常用linux命令介绍 873次看爆
    • JDBC 851次看爆
    • XSS攻击 762次看爆

    站点已萌萌哒运行 00 天 00 小时 00 分 00 秒(●'◡'●)ノ♥

    © 2019~2021 coor.top版权所有 | 陕ICP备19005293号 站点地图