前端开发

28Oct

less的一些用法整理嵌套&变量运算混合匹...

前提理解：第一个，less是单独的一种文件，可以理解为css的升级版，完全按照css写也没问题，不过它提供了很多便利的东西，可以省好多代码量。第二个，html只认css,所以需要配套一些软件将less解析成css,引用时候，直接引用css就好。gulp,koala 都是常用的，Koala好像简单且方便一点。嵌套 less的优势有很多，最常用也是...

17Sep

CSS3动画效果之粒子效果

今天带来CSS3动画效果之粒子效果在码代码的时候会发现，很多东西都是殊途同归的，方法千千万，能解决问题的都是好办法，不一定非要把代码写的特别高深，这样反而后来的人看不懂，维护根据头疼。所以用最简单通俗的...

06Sep

Font Awesome 4.4.0的所有图标参考

 fa-500px 4.4  fa-adjust  fa-adn  fa-align-center  fa-align-justify  fa-align-left  fa-align-right  fa-amazon 4.4  fa-ambulance  fa-anchor  fa-android  fa-angellist 4.2...

07May

CSS hacker使用小结(兼容IE6、7、8)什么...

什么是CSS hack 由于不同厂商的流览器或某浏览器的不同版本（如IE6-IE11,Firefox/Safari/Opera/Chrome等），对CSS的支持、解析不一样，导致在不同浏览器的环境中呈现出不一致的页面展现效果。这时，我们为了获得统一的页面效果，就需要针对不同的浏览器或不同版本写特定的CSS样式，我们把这个针对不同的浏览器/不同版本写...

07May

史上最全的CSS hack方式一...

做前端多年，虽然不是经常需要hack，但是我们经常会遇到各浏览器表现不一致的情况。基于此，某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的，要知道一名好的...

07May

1.滚动条组成　 ::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条） ::-webkit-scrollbar-track 滚动条的轨道（里面装有Thumb） ::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微调小方块的...

08Jun

css3动画animate播放完暂停最后一帧anima...

css3动画animate播放完暂停最后一帧用到：animation-fill-mode 属性语法 animation-fill-mode : none | forwards | backwards | both; 值描述 none 不改变默认行为。 forwards 当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）。 backwards 在 animation-delay 所指定的一段时间内，在动...

13Dec

CSS中的-webkit-text-size-adjust属性

CSS中的-webkit-text-size-adjust属性详解在css里发现这么一个属性 -webkit-text-size-adjust ，百度了一下，发现知乎上有位大神的回复很不错，先搬过来参考一下，以后有时间在研究。 -webkit-text-size-adjust 的本职是用于mobile的，见规范 CSS Mobile Text Size Adjustment Module Level 1 和 apple 的 Safari Web Cont...