纯CSS代码加上\制作动画版哆啦A梦（机器猫） 哆啦A梦（机器猫）我们大家一定都很熟悉，今天给大家演示怎么用纯CSS。代码，来做一个动画版的哆啦A梦. 效果图： 下面代码同学可以查看一下，每个线条及椭圆都是纯CSS代码生成。 首先分析结构 根据原图，将哆啦A梦分为几个结构，然后再分解其他部位。 画出 ...
分类：
Web程序 时间：
2019-05-10 11:29:03
阅读次数：
181
1，记录一次步骤条来实现人数不同显示的进度不同 效果如图： 废话不多说 上代码： html文件： css 代码： 简单实现： ps有个弊端： 不能根据后端传入的数值来计算进度比例，只是写死的item来控制大概的进度，如果有更好的意见请留言给我 谢谢 ...
分类：
其他好文 时间：
2019-05-07 18:25:46
阅读次数：
151
项目更新后JS，CSS文件常出现缓存问题，代码已更改，但在有些客户端不会立即生效 ...
分类：
Web程序 时间：
2019-05-04 16:11:49
阅读次数：
184
成品效果如下图所示： 因为博客园限制图片上传大小被我删了一些帧数，所以图片看起来会有一点卡，现实运行是不会的 搭建HTML和CSS结构 HTML代码如下： CSS代码如下： 搭建好后的效果如下： 传入（调用写好的运动函数） 开始写轮播图代码 1 var timer = null; 2 var sli ...
分类：
编程语言 时间：
2019-05-03 09:23:37
阅读次数：
129
今天用 VS Code 编辑 html 文档时，发现快捷键注释 js 代码显示成 “<!-- …… -->”，怀疑是不是因为安装了某个插件，随后排查出系 Jinja 所致，将其禁用之后就可以正常快捷注释 html 文档中的 javascript 代码和 css 代码了。 ...
分类：
Web程序 时间：
2019-04-30 12:34:14
阅读次数：
245
恢复内容开始 一、前言 1、底部tab栏实现 2、顶部title栏实现 二、主要内容 1、底部tab栏实现（将底部导航提取到公共的组件中） 具体效果：当点击切换不同的tab的时候，对应的显示高亮，并且切换到对应的页面中 （1）html/css代码 <template> <div> <footer c ...
分类：
其他好文 时间：
2019-04-29 21:05:58
阅读次数：
227
友情提示：gif图太小，可以ctrl 加 +键 放大 成品如下： 开始搭建 html 和 css html代码如下： css代码如下： 搭建好的效果： 先把html ul 标签里面的全部代码删除，再利用js代码构建。 js 代码如下 此功能已经完成，如果除了筛选性别和筛选输入之外有新的行为，代码会越 ...
分类：
编程语言 时间：
2019-04-24 19:29:20
阅读次数：
208
一段自适应HTML5的CSS代码，该代码在陕西特产使用过，手机端效果还好，就是PC端看起来没那么大气，比较窄屏 * { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -we ...
分类：
Web程序 时间：
2019-04-20 13:02:07
阅读次数：
154
核心属性： background-attachment 这个属性就牛逼了， 它可以定义背景图片是相对视口固定， 还是随着视口滚动， 加上这个属性网页瞬间就从屌丝变成 高大上。 我们来看个例子： html: css: 代码很简单，让视口出现滚动条， 然后它是这样的： 很普通的一个滚动效果， 然后我们把 ...
分类：
Web程序 时间：
2019-04-19 19:46:01
阅读次数：
562
1，使用鼠标选中前面浅灰色缩进。 2，Ctrl+H 查找替换 点击 Find All 查找全部缩进。 3，按backspace向后删除两次，如下图所示： 4，向下按一次方向键，再向左按一次方向键，最后向后删除一次backspance 如下图所示： 5，CSS代码就整理好了！！！！这里一定记住在书写C ...
分类：
Web程序 时间：
2019-04-15 23:19:36
阅读次数：
217
