github

随笔分类 -  css3

使用css属性line-height实现文字垂直居中的问题
摘要：使用css属性line-height实现文字垂直居中的问题 1、使用css属性line-height实现文字垂直居中 方法比较简单，但是只能实现单行文字的垂直居中。 单行垂直居中效果如下： 要是p标签内的文字是多行呢，要实现多行垂直居中，还这样设置的话就会出现下一行文字跑出div盒子。每行文字行高跟 阅读全文
posted @ 2016-07-27 17:18 高腾龙 阅读(5001) 评论(0) 推荐(0)
css中vertical-align和line-height的用法
摘要：css中vertical-align和line-height的用法 1、先来看一种现象： （1）、将一个图片放入一个div块中，div块背景颜色设置为aquamarine。将会发现图片与div块下边沿有一定间隙。 实例： 代码如下： <!DOCTYPE html> <html lang="en"> 阅读全文
posted @ 2016-07-26 20:06 高腾龙 阅读(2507) 评论(2) 推荐(0)
css3动画应用-音乐唱片旋转播放特效
摘要：css3动画应用-音乐唱片旋转播放特效 核心点： 1、设置图片为圆形居中，使图片一直不停旋转。 2、文字标题（潘玮柏--反转地球）一直从左到右不停循环移动。 3、点击图标，音乐暂停，图片停止旋转；点击图片，音乐播放，图片开始旋转。 1、动设置图片为圆形居中，使图片一直不停旋转。 核心代码： 2、文字 阅读全文
posted @ 2016-07-25 13:34 高腾龙 阅读(3858) 评论(0) 推荐(2)
设置一个DIV块固定在屏幕中央（两种方法）
摘要：设置一个DIV块固定在屏幕中央（两种方法） 方法一： 对一个div进行以下设置即可实现居中。 <!doctype html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ ma 阅读全文
posted @ 2016-07-24 19:38 高腾龙 阅读(46499) 评论(4) 推荐(5)
css3动画效果小结
摘要：css3动画效果小结 css3的动画功能有以下三种: 1、transition(过度属性) 2、animation(动画属性) 3、transform(2D/3D转换属性) 下面逐一进行介绍我的理解： 1、transition:<过渡属性名称> <过渡时间> <过渡模式> 如-webkit-tran 阅读全文
posted @ 2016-07-24 16:15 高腾龙 阅读(822) 评论(0) 推荐(0)