前言 目前为止，我经常在开发中使用的布局方式有以下几种： Flex布局； 定位； 浮动（基本不怎么使用）； 最近在做一个项目的时候，使用到了网格布局，真的是方便了许多； 我学习Grtid布局是阅读的这

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

最近在做响应式系统设计的时候遇到需要对标题进行多行文字截取的效果，如下图： 看似十分简单的标题截断效果，但是竟然没有一个统一 CSS 属性实现标准，需要用到一些奇淫妙计来实现，

先来看一下这个Demo，看似复杂的交互实现起来其实并不难，下面我们就来拆解一下其中的动画效果以及实现原理吧。 1. 3D旋转 Win10 Metro的一个比较显著的特点就是磁贴的3D旋转。 我们将每一个磁贴展示为横截面为正方形的长方体，然后通过css旋转动画来实现3D旋转。 在…

本文github地址,持续更新...... 覆盖一层蒙版，并在蒙版上书写文字。需要2层，从低到上为图片层、蒙版层(上面可写字) 毛玻璃蒙版，本质上讲是两层图，底层图清晰完整，顶层图模糊残缺，并且两者位移完全一致，因此叠加到一起后像是一张图。为了确保位移一致，我们用了 backg…

css有些属性容易忘记，半天不写就要去查api，有时候api还不好使，于是还是记下来以后方便用，后续会慢慢补充进来的。 可以通过input, blur事件来监听element的输入和输入完后鼠标离开。 手机video 都可以在页面中播放，而不是全屏播放了。 使用clearfix…