04 2017 档案

摘要：通过css2D变形我们可以轻松得到平行四边形，那么通过此技巧可以得到梯形吗？ no！ 不过我们可以通过3D旋转得到类似这样的效果： transform：perspective（0.5em） rotateX（5deg） 来生成一个梯形。 我们发现元素内容也跟着变形了。 解决方案： 把效果作用于伪元素上 阅读全文

摘要：在视觉设计中，平行四边形往往给人一种动感。 要生成一个平行四边形，只要通过css变形，就可做到： 那么生成一个平行四边形的按钮呢？列如下面这样的效果图: 通过第一次尝试，我使用了斜向变形：得到下面的效果图,发现里面的文字也进行了拉伸。 解决方案1： 有没有办法让容器形状倾斜，而其中的内容不拉伸呢？ 阅读全文

摘要：我们知道在css中有元素的水平、垂直居中，而对元素水平居中是很简单的： 如果是行内元素，则对它的父元素采用text-algin：center；如果是一个块级元素则采用margin： auto。 但是提到元素的垂直居中，情况并不是这么良好。特别是在元素尺寸不固定的时候，更难处理。 对于垂直居中我们该怎 阅读全文

摘要：我们知道border-radius允许您为元素添加圆角边框！ 而border-radius 属性是一个简写属性，用于设置四个 border-*-radius 属性。 如果省略 bottom-left，则与 top-right 相同。如果省略 bottom-right，则与 top-left 相同。如 阅读全文

摘要：border-image 它是下面几个值的简写： border-image-source // 使用绝对或相对地址url,引入图片 border-image-slice //切割图片，取值支持:<number> 或<percentage>其中number是没有单位的， border-image-wi 阅读全文