摘要:
过渡和动画都是CSS3的重要部分,今天有时间,了解些相关内容并记录下。在开始之前,首先看看CSS3的转化。 转化 CSS3的转化分为以下几种: translate 移动 rotate 旋转 scale 缩放 skew 倾斜 matrix 混合 每种转化都还有对应的3d版本 注意:闭合的内联元素不支持 阅读全文
摘要:
基于绝对定位 absolute /不确定子元素宽高 1:子元素确定固定宽高 .parent{ position:relative; } .child{ position:absolute; top:50%; width:18em; height:6em; margin-top:-3em; margi 阅读全文
摘要:
我们知道,rem可以用来控制字体大小,也就是font-size,那么rem也可以用在例如height和width地方吗,完全使用rem把px取代掉,可以吗? 我自己写了个demo,发现有一个很奇怪的现象:rem可以用在width和height,但是有点不准确。 <!DOCTYPE html> <ht 阅读全文
摘要:
vue-canvas-effect canvas动画合集Vue组件 <p align="center"> [? online demo](https://chenxuan0000.github.io/vue-canvas-effect/index.html) </p> 内容 浏览器兼容 安装 使用 阅读全文
摘要:
效果图 怎么实现这样一个圆环进度条的效果呢,可以使用canvas、svg、GIF等等方式,今天我们来说下使用css3怎么来实现。 实现思路 圆环很简单,一行cssborder-radius:50%即可实现,而且没有兼容性问题,什么,你说IE,让它滚... 我们这里需要三个圆环,一个整的,两个半的。大 阅读全文