前端
fucaijin
这个作者很懒,什么都没留下…
展开
-
解决小米手机MIUI疯狂输出日志log的解决方案
使用小米手机进行Android开发的时候,会输出许多无关我们开发的app的log。只需两步即可解决,实现只看我们自己App输出的log。如下图,在APP运行的时候,设置如图两个红框,即可实现只显示指定APP(第一个红框选中的)输出的log。1.左侧红框处选中你的APP包名;2.右侧红框选择Show only selected application这选项。OK !如果我...原创 2018-07-24 16:27:28 · 12718 阅读 · 0 评论 -
4行代码 超级简单 html/css 实现平移动画
废话少说,先上效果图源代码(直接复制粘贴到txt另存为html文件即可):<div style="transition: transform 1s;height:150px;width:150px;background-color:red"></div><style> div:hover {transform: translateX...原创 2020-01-18 18:21:22 · 7790 阅读 · 2 评论 -
12行代码 超级简单 web浏览器html实现可输入,带按钮的弹窗
废话少说,先上效果图一、普通弹窗(无动画):普通弹窗代码(注:此代码复制粘贴可用,但是并不规范,仅做原理演示):<button onclick="Show()">点我</button><div id="modal" style="width:30%;background-color:rgba(0,0,0,.2);display: none;"...原创 2019-12-21 16:10:04 · 1774 阅读 · 0 评论 -
5行代码 超级简单 用css做好看的动画 实现背景颜色渐变过渡,宽高动态过渡
经常我们需要改变一个元素的样式时候,直接过渡会十分生硬,如果加上过渡效果,变换的过程柔和许多看着也就更好看了。废话不多说,先上效果图:上面的效果图的演示过程:1.首先是展示没有动画的效果2.然后是div方块所有属性的值,在变化的时候都有动画的效果3.再接着是只有背景颜色在改变的时候,有动画的效果4.最后是只有长度改变的时候,有动画的效果,其他属性改变没动画效果...原创 2019-12-17 23:19:48 · 1943 阅读 · 0 评论 -
6行原生代码 超级简单实现 html折叠面板
1.废话不多说,先上效果图:2.用途一般是可折叠的列表(导航列表等):3.代码(直接复制到.txt保存改为.html即可):<div id="title" style="width:150px;height:30px;background-color: #FFE08B;" onclick="onTileClick()">标题</div&...原创 2019-12-14 18:05:48 · 16573 阅读 · 10 评论 -
无需js 超级简单 一行代码 实现 输入框高度自适应 / 输入框根据内容高度撑开
工作中需要用到一个自适应高度的输入框,要能根据的内容高度撑开输入框的高度。找了半天都很复杂,反正我是笨看不懂也懒得看,只能自己撸一个了。本文不是使用textarea实现的,而是使用的contenteditable="true"属性,非常简单的实现元素内的内容可编辑。由此实现模仿textarea自适应 / textarea高度自适应的效果。没有效果图的文章不是好文章,废话不多说先...原创 2019-12-13 17:51:22 · 508 阅读 · 0 评论