随笔分类 - CSS3
摘要：每次要用到图标的时候都会到 icono 去copypaste，但每次用到的时候尺寸都各不一样，总是要调整参数，巨烦。当然你可以会想到用zoom、scale来做缩放，但是这样的缩放会使得线宽也变粗了，不甚满意。 终于下定心思来改造一个可缩放的图标库。github先上：https://github.co
阅读全文
摘要：直念念不忘想要自己做一个3D效果的爆炸动效。这两天在搞一些小动画，就顺便也把3D爆炸做了出来。原理很简单，就是用很多小图片拼凑成大图片，然后让小图片按照一定规律运动形成爆炸效果。这里的爆炸效果用的是 CSS3 的 3D 变换来做的，通过 js 动态改变变换参数形成动画。实现步骤简单分为两步：图片拼凑和爆炸实现。
阅读全文
摘要：前言 最近在求职，作为一名项目经历很少的转行汪，结果相当悲催。没实战经历→公司不要→没实战经历，妥妥的鸡蛋相生无限循环。上万能的知乎求大神帮助，却发现没实战经验的妹子很受欢迎，没实战经验的汉子狗都不理。只能感叹，时代再变，处女情结依旧。知乎上也有很多大神建议先模仿，我觉得很有道理，决定模仿知乎，于是
阅读全文
摘要：前言 前两天去一家公司面试，被问到一些小游戏的东西。面试官提到了刷红包还有抽奖这些怎么实现，当时简单说了下思路，回来之后想想还是说的太轻描淡写了，干说不做就是耍流氓，所以就做了一个（Demo & 源码）。启动方式：手指在转盘上滑动，转盘转动。这里没有像一般的抽奖程序一样在后台指定抽奖结果，结果完全由
阅读全文
摘要：大体上来说，布局中会用到的有：尺寸相关的盒子模型，普通流、浮动、绝对定位这三种定位机制，CSS3中的transform和弹性盒子模块还有试验中的grid模块。博客园还有一些论坛逛多了，经常可以听到浮动布局，inline-block布局，弹性盒布局这几个名词，这几种都是比较常用的布局方法。现在对布局也算有一点了解，做个总结巩固一下。如果你也看了很多资料但是实际动手的时候对布局还是无从下手的话，希望本文可以帮你理清思路。
阅读全文
摘要：WebApp使用rem做自适应的优势非常明显了，尤其是在现在屏幕分辨率千差万别的时代，只要将rem与屏幕分辨率关联起来就可以实现页面的整体缩放，所以设备上的展现都统一起来了。而且现在浏览器基本都已经支持rem了，兼容性也非常的好。
阅读全文
摘要：在CSS3中是提倡使用选择器来将样式与元素直接绑定在一起的。 网页开发过程中，我们需要定义很多class来应用到不同的元素上，由于class本身是没有语义而且是可以复用的，所以过度使用class会使得整个样式表结构非常混乱。为了减少class的使用频度，需要尽可能的使用选择器来指定元素。而且使用选择
阅读全文
