「Apage」粉色系静态个人引导页

博主：珂泽
发布时间：2020 年 07 月 08 日
749 次浏览
暂无评论
327字数
分类：个人项目

主要以简单华丽为主，颜色为粉色加黑色的色调，正文是灰色。同时加入了图片懒加载，由于字体的颜色的缘故背景图片用暗色调的图片会比较好看。

同时，也加入了我个人颇为喜欢的高斯模糊效果。

动画的话就没有加太多，主要就体现在背景图片的渐隐加载效果。

具体效果可以访问： https://www.170601.xyz/demos/Apage/ 查看
下载：https://github.com/kaygb/Apage

版权声明
本文作者	珂泽
本文链接	https://www.kezez.com/archives/17.html
共享协议	CC BY-NC-SA 4.0
引用规则	非商业转载及引用请注明出处（作者、原文链接），商业转载请联系作者获得授权。
QQ 群组	962303102

最后修改：2022 年 04 月 02 日

© 允许规范转载

如果觉得我的文章对你有用，请随意赞赏

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

「Apage」粉色系静态个人引导页

珂泽 • 2020 年 07 月 08 日

<p>主要以简单华丽为主，颜色为粉色加黑色的色调，正文是灰色。同时加入了图片懒加载，由于字体的颜色的缘故背景图片用暗色调的图片会比较好看。</p><p><img src="https://www.kezez.com.170601.xyz/static/images/404.gif" alt="" title=""style=""data-original="https://jsdelivr.170601.xyz/gh/kaygb/picplus-images@master/20200620200708135236.png#vwid=1463&vhei=741"></p><p>同时，也加入了我个人颇为喜欢的高斯模糊效果。</p><p>动画的话就没有加太多，主要就体现在背景图片的渐隐加载效果。</p><blockquote>具体效果可以访问： <a href="https://www.kezez.com/go/aHR0cHM6Ly93d3cuMTcwNjAxLnh5ei9kZW1vcy9BcGFnZS8" target="_blank" >https://www.170601.xyz/demos/Apage/</a> 查看<br>下载：<a href="https://www.kezez.com/go/aHR0cHM6Ly9naXRodWIuY29tL2theWdiL0FwYWdl" target="_blank" >https://github.com/kaygb/Apage</a></blockquote>
            <hr class="content-copyright" style="margin-top:50px" />
            <table>
                <thead>
                    <tr>
                        <th>版权声明</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>本文作者</td>
                        <td>珂泽</td>
                    </tr>
                    <tr>
                        <td>本文链接</td>
                        <td><span class="external-link"><a href="https://www.kezez.com/archives/17.html" target="_blank">https://www.kezez.com/archives/17.html</a></span>
                        </td>
                    </tr>
                    <tr>
                        <td>共享协议</td>
                        <td><a href="https://www.kezez.com/go/aHR0cHM6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL2xpY2Vuc2VzL2J5LW5jLXNhLzQuMC9kZWVkLnpo" target="_blank" ref="nofollow">CC BY-NC-SA 4.0</a>
                        </td>
                    </tr>
                    <tr>
                        <td>引用规则</td>
                        <td>非商业转载及引用请注明出处（作者、原文链接），商业转载请联系作者获得授权。</td>
                    </tr>
                    <tr>
                        <td>QQ 群组</td>
                        <td>962303102</td>
                    </tr>
                </tbody>
            </table>