照例，先看效果！！ jcode 如何实现 HTML 这个效果的结构元素不多，只需要一行代码就可以。 CSS 开始写 CSS 之前，我们先来剖析一下效果。悬停时图像会变大，因此我们肯定会transfor

👏不要图片？CSS实现大屏常见不规则边框（系列一） ，速速来Get吧~ 🥇文末分享源代码。记得点赞+关注+收藏！

前言Tooltips常被称为提示框（或信息提示框），提示框能够以较强的交互性、自由度为用户提供相应的提示信息。今天我们要聊的不是如何实现强大的交互行为，而是来看看如何以最好的方式来还原他们的视觉效果，

写在前面： 在前端开发的过程中，如果有注意的话，发现有些写css3属性时，兼容性的写法顺序不太一样，比如transition属性，有些把transition放在前面有些是放在后面，这就引出了两个概念：优雅降级和渐进增强。 写法栗子： .transition { /*渐进增强写法*…

本文暂时列举了 13 条技巧，1、resize 实现图片对比 2、:not() 的应用技巧 3、任意元素垂直居中 4、表格单元格等宽 5、使用 Flexbox 摆脱各种 Margin Hacks 6、给空连接使用属性选择符 7、初始化 box-sizing 8、在 nth-child 中使用负数 9、文本显示优化（待商榷）10、border 的应用技巧！11、vertical-align 属性 12、margin 重叠解决方案列举 13、父元素 font-size:0 的作用 等！

有关 css in js 的思考和方案

本文作者：John Howard 编译：胡子大哈 翻译原文：http://huziketang.com/blog/posts/detail?postId=58d8f4d17413fc2e8240855e 英文连接：5 Tricks to Avoid Cross Browser …

页面布局

下面总结了一些常用又有趣的css技巧，希望大家收藏，以减少查资料的时间。 css自带的border-style属性 dotted/ dashed . 效果展示出来太密了，并不符合UI设计 为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性： display: -…