动画效果参考连接:http://www.webhek.com/post/css-loaders.html 效果如下: 以上这些效果都是用一个div加css3动画实现的,看起来效果似乎不错。如果不考虑I … Continue reading 纯CSS3实现各种loading效果
分类: 前端
css实现标题左右横线
直接上代码 <style type=”text/css”> .title { position: relative; font-size: 32px; color: #fff; heigh … Continue reading css实现标题左右横线
纯css实现小三角
原理就是:宽高为零,单独设置border的宽度,然后上右下左,根据需要选择三角形的方向,比如选向上箭头,其他右、下、左设置为透明; /**向下的三角**/ .sanjiao_down{ width:0 … Continue reading 纯css实现小三角
CSS 伪元素:before&:after 与z-index 的那点事
最近要实现一个类似下面的层叠的效果,需要带一个hover 缓动效果。 第一反应就是直接使用:before&:after伪元素,配合绝对定位加z-index 轻松实现,实际操作发现并不是这么一回 … Continue reading CSS 伪元素:before&:after 与z-index 的那点事
jQuery版本选择建议 jQuery不同版本的差异汇总
jQuery 自 2006 年诞生以来,一个发行了 1.x、2.x、3.x 这三个大版本。而在这三个大版本下又细分了许多小版本。可能有些小伙伴不太清楚这些版本有什么区别?实际开发中应该选用哪个版本?下 … Continue reading jQuery版本选择建议 jQuery不同版本的差异汇总
iframe设置height无效解决方法
iframe设置height为100%无效,实际是因为父空间高度没有设置的问题。 代码如下 <body> <iframe id=”content” src=”main.do” … Continue reading iframe设置height无效解决方法
CSS实现同一行的图片和文字垂直居中对齐的方法
有些朋友会发现,如果一行内容中有图片有文字的话,文字往往会自动的底部对齐,影响美观,那如何让它们相对于垂直居中呢,很简单,就是在图片和文字所在的行中添加CSS属性:vertical-align:mid … Continue reading CSS实现同一行的图片和文字垂直居中对齐的方法
HTML5 图片下边界出现空隙,css去除空隙的解决方法
图片img下方出现空隙,且找不到空隙被哪一个元素占用,无缘无故多了空隙,影响样式设计,有以下几种解决方法: 1,给<img>元素添加样式:display:block; <img st … Continue reading HTML5 图片下边界出现空隙,css去除空隙的解决方法
移动前端不得不了解的HTML5 head 头标签
HTML的头部内容特别多,有针对SEO的头部信息,也有针对移动设备的头部信息。而且各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,有很多差异性。移动端的工作已经越来越成为前端工作的重要内容, … Continue reading 移动前端不得不了解的HTML5 head 头标签
实用的60个CSS代码片段
1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的解决这个困惑: .verticalcenter{ position: re … Continue reading 实用的60个CSS代码片段
