【修复爱心缩放问题】复刻李峋爱心代码

果然没一个人能逃过命韵峋环,李峋的爱心代码真的甜到发昏。(个人感觉这个有点像GIF图“没有断定”电视剧没有演示代码的执行过程)[滑稽][滑稽][滑稽]

下面是经博主美化后的复刻的代码[玫瑰][玫瑰]

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

演示站: https://www.xfabe.com/YYDS/Love-Code

开源地址[玫瑰][玫瑰

好多就小伙伴说我这个爱心不能缩放,我也懒得一个一个回复了[冷][冷]
其实这并不难,一行代码教你解决[玫瑰]

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

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

还有播放器音乐隐藏的问题,也是在style.css后面填加即可[冷]

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

播放器不会自动播放因为video不兼容部分浏览器,比如谷歌[玫瑰]图片[1]-【修复爱心缩放问题】复刻李峋爱心代码-朝晞小屋图片[2]-【修复爱心缩放问题】复刻李峋爱心代码-朝晞小屋图片[3]-【修复爱心缩放问题】复刻李峋爱心代码-朝晞小屋

相关文件下载地址
该资源需登录后下载,去登录?
©下载资源版权归作者所有;本站所有资源均来源于网络,仅供学习使用,请支持正版!
文章版权声明 1、本网站名称:朝晞小屋
2、本站永久网址:https://www.zxiyun.com/
3、更多有趣网站:http://dh.zxiyun.com/
4、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长QQ2604140139进行删除处理。
5、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
6、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
7、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。

© 版权声明
THE END
喜欢就支持一下吧
点赞11 分享
评论 共5条

请登录后发表评论