一款动态樱花背景HTML个人单页

程序预览

一款动态樱花背景HTML个人单页

程序介绍

一款好看的个人引导页,普通虚拟主机即可搭建,无需其他环境。
把源码上传到服务器,修改index.html里面的代码,访问域名就可以使用。
纯Html-Css-JavaScript

注意:

此源码是基于 Dimension 的二次修改
Demo 1:https://nianbroken.github.io/Personal_Sakura_Guide_Page/
Demo 2:https://www.nianbroken.top/
Github:https://github.com/nianbroken/Personal_Sakura_Guide_Page/
Gitee:https://gitee.com/nianbroken/Personal_Sakura_Guide_Page/

修改内容

  • 将页面内头像改为本地头像
  • 将原本的背景替换为动态樱花背景(参考自 fwxiaohan.github.io )
  • 去除<li>标签的锚点链接,改为文本链接
  • 去除超链接下方的横线

main.css内的border-bottom: dotted 1px rgba(255, 255, 255, 0.5);[size=0.8em]CSS
Copy

  • 去除页面中间的黑色块块

main.css内的background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 55%);background-image: radial-gradient(rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 55%);[size=0.8em]CSS
Copy

对比图

一款动态樱花背景HTML个人单页
Dimension原版
一款动态樱花背景HTML个人单页
Dimension修改后
                       

点击阅读全文

上一篇 2021年5月5日 pm11:19
下一篇 2021年5月6日 pm1:18