木子欢儿 - 博客园

2022年6月6日

摘要：我们经常使用css3中的animation动画，比如这样： .fadeIn{ animation: fadeIn .5s ease 1s both; } @keyframes fadeIn{ from{ opacity:0; } to{ opacity:1 } } 这样就实现了延时1s，一共0.5s 阅读全文

posted @ 2022-06-06 10:52 木子欢儿阅读(258) 评论(0) 推荐(0)

【CSS】使用CSS实现一个简单的轮播图效果

摘要： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 阅读全文

posted @ 2022-06-06 09:50 木子欢儿阅读(525) 评论(0) 推荐(0)

2022年6月5日

【JS】实现点击图标播放音乐

摘要： <img src="img/music.png" alt="" class="musicBtn" onclick="bgaudio()" > <audio src="https://quickso.cn/api/wyy/api.php?id=1474411443" id="bgaudio" ></a 阅读全文

posted @ 2022-06-05 17:35 木子欢儿阅读(394) 评论(0) 推荐(0)

你知道 lorem ipsum 是什么吗？

摘要：导语请你尝试在 Word 输入=lorem(10,10)，看看会发生什么。好，让我们先提前揭晓结果： Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce 阅读全文

posted @ 2022-06-05 15:22 木子欢儿阅读(885) 评论(0) 推荐(0)

【CSS】实现折扇效果

摘要： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 阅读全文

posted @ 2022-06-05 11:30 木子欢儿阅读(85) 评论(0) 推荐(0)

【CSS】使用渐变画一个太极图案

摘要： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 阅读全文

posted @ 2022-06-05 08:57 木子欢儿阅读(54) 评论(0) 推荐(0)

2022年6月4日

WebStorm设置px转换rem插件

摘要：为了保证网页的响应式设计，我们在H5开发中用的单位一般都是rem，怎么在WebStorm中设置自动将px转换rem呢？非常简单，只需要安装一个插件即可。步骤：WebStorm ——> Preferences ——> Plugins选中Marketplace，搜索idea px 2 rem，点击安装阅读全文

posted @ 2022-06-04 17:26 木子欢儿阅读(550) 评论(0) 推荐(0)

解决IntelliJ IDEA的Plugins无法访问Marketplace去下载插件

摘要：默认打开IDEA的Plugins会加载很久，最后什么也没加载出来。这时我们可以给插件市场设置代理勾选Auto-detect proxy setting并填入https://plugins.jetbrains.com代理URL，可以先做检查连接：点OK后就可访问插件市场并搜索插件了：点Inst 阅读全文

posted @ 2022-06-04 17:25 木子欢儿阅读(2675) 评论(1) 推荐(1)

2022年6月3日

【Css】使用多列布局实现图片瀑布流

摘要： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 阅读全文

posted @ 2022-06-03 17:11 木子欢儿阅读(179) 评论(0) 推荐(0)

【Css】多列布局属性Demo

摘要： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 阅读全文

posted @ 2022-06-03 16:47 木子欢儿阅读(40) 评论(0) 推荐(0)

点滴记忆

你知道的越多，你不知道的越多。

公告