1引言本期分享一下如何仅用CSS3，实现单标签的动态晴阴雨雪。技术关键点就是“单标签”和“纯CSS”。先看下最终效果：再看看HTML代码：<!--晴--><divclass="weathersunny"></div><!--阴--><divclass="weathercloudy"></div><!--雨-->&l
分类：
Web程序 时间：
2019-08-30 09:16:52
阅读次数：
87
首先是用html 语言来搭建框架 如果你要构建一个页面，你首先要想好页面里面的内容有什么，它的组成，像画画一样一个一个去画 然后才是用css,排版出来，每一个css里面一般都是位置，大小，边框，效果，颜色。 如果你构建的是网站html 里面的html 标签就多，相对应的css ,就要考虑选择器，使用 ...
分类：
Web程序 时间：
2019-08-26 10:10:35
阅读次数：
79
用纯CSS创建一个三角形的原理是什么？ 首先，需要把元素的宽度、高度设为0。然后设置边框样式。 width: 0; height: 0; border-top: 40px solid transparent; border-left: 40px solid transparent; border-r ...
分类：
Web程序 时间：
2019-07-27 14:26:46
阅读次数：
120
说到Tab切换，你可能首先想到的就是使用jQuery，短短几行代码就可以轻松搞定一个Tab切换。 而今天所要分享的，是使用 0 行JS代码来实现Tab切换！ 具体效果如下： Tab切换 Tab切换 方法一：模拟单选框原理 该方法大致原理如下： 当用户点击label元素时，该label所绑定的inpu ...
分类：
Web程序 时间：
2019-07-23 13:25:03
阅读次数：
147
首先，需要在页头引入相应的CSS文件 在 main.css中将要隐藏的菜单设置 display: block; 在 mobile.css中将其设置为 display: none; 然后在菜单上面设置一个点击选项，如“菜单” <label for="toggle-checkbox" id="toggl ...
分类：
Web程序 时间：
2019-07-20 23:43:38
阅读次数：
592
多行文本实现省略号显示 ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi测试ceshi... ...
分类：
Web程序 时间：
2019-07-04 11:09:48
阅读次数：
208
最近在写微信小程序，然后之前网页也写过css动画实现，就记一下 1.依靠css的动画效果 第一种实现动画效果的方法就是靠纯css来实现 这种方法可以实现很复杂的效果，像背景图片自动轮播（用infinite配合delay）什么的。 但是写起来比较复杂，而且没有办法根据事件触发，所以小程序推出了wx.c ...
分类：
微信 时间：
2019-06-30 09:39:03
阅读次数：
1799
效果地址：https://scrimba.com/c/cN3P6nfr 原理：两个椭圆，颜色部分为边框，下一半被伪元素覆盖。 感想：看了一眼大神的，代码比我的还少，得研究研究去。 HTML code： CSS code： ...
分类：
Web程序 时间：
2019-06-24 00:37:53
阅读次数：
155
原文地址：https://segmentfault.com/a/1190000015632759 学习后效果地址：https://scrimba.com/c/cPgWmZCg HTML code： CSS code: ...
近期分别使用了 React 和 Vue 完成了两个大屏可视化案例，经历了设计师和产品经理的各种 “指指点点” ，也算是对可视化大屏项目有了一点点小的经验，对于两个技术栈写组件也有一点小心得，趁着周末总结一下。 大屏效果图1 大屏效果图2 可视化大屏 无论是在科幻电影还是在真实世界里，可视化大屏都是非 ...
分类：
其他好文 时间：
2019-06-04 09:29:34
阅读次数：
113
