复刻李峋爱心代码

复刻李峋爱心代码(修复爱心缩放大小)

果然没一个人能逃过命韵峋环,李峋的爱心代码真的甜到发昏。(个人感觉这个有点像GIF图“没有断定”)

技术栈:html+css+js(js-canvas)技术栈:html+css+js(js-canvas)

复刻李峋爱心代码-彩豆博客

蓝奏云下载的小伙伴们注意(2022.11.9修复爱心缩放问题)

好多就小伙伴说我这个爱心不能缩放,我也懒得一个一个回复了

其实这并不难,一行代码教你解决

缩放代码【加到style.css的最后一行即可】:

@media screen and (max-width: 450px) {
    #lovexf {
        /* .5 指的是再原始大小上缩放一半 */
        zoom: .5;
        /* .3 就是缩放 3/10 */
        /* zoom: .3; */
        /* 大家自己尝试 */
    }
}

还有播放器音乐隐藏的问题,也是在后面填加一行代码即可~

audio {
    /* 隐藏 */
    display: none;
    /* 透明 */
    /* opacity: 0; */
}

播放器不会自动播放因为video不兼容部分浏览器,比如谷歌

复刻李峋爱心代码-彩豆博客
复刻李峋爱心代码.zip
------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞7 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容