原文来自:https://jellybool.com/post/css-that-you-may-not-know-part-2 继上一次写的CSS黑科技之后,这次貌似还专门去找了一些CSS中可能还是比较不太会引起开发者…
标签:css3
小于12px字体的实现
采用缩放方案,被缩放的标签仍然会占据缩放前的空间,垂直方向可以通过设置 line-height: 1;去掉本来空间,再调整上下边距,而横向可以通过调整margin为负值或其它办法去解决。 示例代码 .font-siz…
vuejs实现折叠面板展开收缩动画
vuejs通过css3实现元素固定高度到auto高度的动画和auto高度到固定高度的动画。 循环列表,html: <template> <div class="newslist"> <ul&…
少量JQuery+CSS3代码实现轮播器 (初次写文章,思路,文笔都不足,轻喷)
1.前言,看过很多的轮播器代码;但是心中,老想着有没有简单的办法来实现同样的效果。搜到这个(下方链接),眼前一亮,便动手实践改进。主要工作,还是对文章第一段提出的“如果中间间隔有图片,那么在css3动画的执行过程中还是会…
CSS3 Transition, transform 和 animation 介绍
CSS3 提供了transition 过渡、transform 变换和animation 动画来实现页面中的一些样式转化,这篇文章会对这几个属性做简单的介绍,然后比较一下 CSS3 动画和 JS 动画哪个性能更好。 Tr…
HTML5中dialog元素尝鲜
对话框(别称模态框,浮层)是web项目中用于用户交互的重要部分,我们最常见的就是js中 alert(),confirm(),但是这个对话框的不美观,也不能自定义样式,所以在开发的过程中,一般根据自己自己的需求造轮子或者使…
## CSS 的黑科技
原文来自:https://jellybool.com/post/css-that-you-may-not-know 补充篇在这里 http://segmentfault.com/a/1190000003029085 昨天…
兼容ie9以下的polyfill类库
1、fetch: https://github.com/github/fetch 2、HTML5 History/State APIs (pushState, replaceState, onPopState):http…
CSS3选择器详解
转载自个人博客 1.常用选择器 1.1标签选择器 p{ }/*选择标签名为p的元素*/ 1.2类选择器 .box{ }/*选择class名为box的元素*/ 1.3ID选择器 #pid{ }/*选择id名为pid的元素*…
如何解决手机retina显示屏下的1px太粗问题
Retina 要解决这个问题,我们就要先了解Retina到底是什么? 所谓“Retina”是一种显示技术,可以把更多的像素点压缩至一块屏幕里,从而达到更高的分辨率并提高屏幕显示的细腻程度。 在超高清屏(dpr=3)的情况…
少许JQuery+CSS3代码完成轮播器 (首次写文章,思绪,文笔都不足,轻喷)
1.媒介,看过许多的轮播器代码;然则心中,老想着有无简朴的方法来完成一样的结果。搜到这个(下方链接),眼前一亮,便着手实践革新。重要事情,照样对文章第一段提出的“假如中心距离有图片,那末在css3动画的实行历程当中照样会…
Sass学习笔记
Sass 和 Scss 区别 sass结尾的文件有着更严格的格式要求,scss文件更贴近原生css 比如sass文件 #main color: #fff &-sidebar border: 1px solid 等…