【修复爱心缩放问题】复刻李峋爱心代码
果然没一个人能逃过命韵峋环，李峋的爱心代码真的甜到发昏。（个人感觉这个有点像GIF图“没有断定”电视剧没有演示代码的执行过程）[滑稽][滑稽][滑稽]下面是经博主美化后的复刻的代码[玫瑰][玫瑰]
技术栈: html css js（js-canvas）
演示站: **** Hidden Message *****
开源地址[玫瑰][玫瑰]
蓝奏云: **** Hidden Message *****
Gitee: **** Hidden Message *****
好多就小伙伴说我这个爱心不能缩放，我也懒得一个一个回复了[冷][冷]
其实这并不难，一行代码教你解决[玫瑰]
缩放代码【加到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不兼容部分浏览器，比如谷歌[玫瑰]
http://cdn.u1.huluxia.com/g4/M03/E0/39/rBAAdmNpMHmABl12AAD7ndhOm1o977.jpghttp://cdn.u1.huluxia.com/g4/M03/E0/39/rBAAdmNpMHmAe1x9AAIsPjl_vU0300.jpghttp://cdn.u1.huluxia.com/g4/M02/E2/07/rBAAdmNrbxiAFUz_AAKwpYXa3ZE233.jpg
页:
[1]