谈谈CSS实现水平垂直居中布局的方法
最近面试的时候，面试官问到了CSS水平垂直居中布局的方式，对于刚入前端没多久的我，无疑是一脸懵逼，闲了赶紧查阅资料分析一波，给各位分享一下，避免落坑。首先先说明一下html和一些基础css样式，下面就不再赘述！html<body>
纯CSS3卡通太阳照射动画特效
纯CSS3卡通太阳照射动画特效是一款太阳光发射动画特效。
纯CSS3实现淡入淡出下拉菜单
纯CSS3实现淡入淡出下拉菜单是一款比较简单清新的CSS3下拉菜单，这款下拉菜单是垂直方向的，点击主菜单项可以展开和折叠子菜单，在展开折叠的过程中伴随着淡入淡出的动画效果。
CSS3气泡一样文本框动画特效
CSS3气泡一样文本框动画特效是一款CSS3 Hover属性制作鼠标悬停图标或标题展示动画文本框效果。
jQuery+CSS3中国象棋特效
jQuery+CSS3中国象棋特效是一款中国象棋，楚汉象棋ui布局特效。
css3带阴影效果的tab选项卡
css3带阴影效果的tab选项卡 站长图库推荐下载
CSS3悬停图片文字遮罩特效
CSS3悬停图片文字遮罩特效是一款基于css3 transition属性制作的鼠标悬停图片透明遮罩层文字动画展示特效。
jQuery 3D页面倾斜侧边菜单代码
jQuery 3D页面倾斜侧边菜单代码是一款jQuery基于css3属性制作点击按钮展开3D倾斜页面左侧导航菜单列表代码。
jQuery+CSS3橙色导航菜单
jQuery+CSS3橙色导航菜单是一款漂亮简洁的网站二级下来导航菜单特效。 适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。
CSS3带凹槽搜索框
CSS3带凹槽搜索框是一款jQuery+CSS3实现的带有凹槽阴影的搜索框，整个搜索框完全采用css3打造而成。 适用浏览器：FireFox、Chrome、Safari、傲游、搜狗. 不支持IE8、360、Opera、世界之窗。
纯CSS使图片有放大效果代码
纯CSS使图片有放大效果代码，很简单的代码，需要的拿去用！<style type="text/css">
img:hover{opacity: 0.7;filter: alph
CSS3两个汤圆亲吻表白动画特效
基于css3 keyframes属性绘制两个可爱的汤圆，甜蜜蜜表情亲吻表白动画。适用于表白暗示，爱情表白，幸福甜蜜蜜动画特效。
css3 svg点赞爱心散开动画特效
css3 svg点赞爱心散开动画特效，鼠标点击爱心按钮的时候会出现很多颗小爱心与圆点散开旋转动画效果。
css3实现Icon UI图标
css3实现Icon UI图标是一款鼠标移到相应的图标会出现信息提示框效果。
CSS3响应式伸缩搜索框
CSS3响应式伸缩搜索框是一款鼠标点击搜索图标，搜索框自动拉伸展开，效果非常酷。
CSS3智能手机充电动画特效
CSS3智能手机充电动画特效是一款仿OPPO手机快充充电特效。
jQ+css3平滑二级下拉导航
jQ+css3平滑二级下拉导航是一款清新平滑的二级下拉导航菜单，鼠标滑过主菜单自动显示子菜单，效果平滑流畅，界面清新自然。
3d文字漂浮css3动画特效
3d文字漂浮css3动画特效是一款彩色文字漂浮展示动画特效。
js+css3左侧侧边滑动菜单代码
js+css3左侧侧边滑动菜单代码是一款基于css3制作网页左侧悬浮的菜单栏滑动展开收缩代码。适用浏览器：360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。
CSS3 3D奥运五环图形特效
CSS3 3D奥运五环图形特效是一款支持金牌银牌铜牌三种奖牌颜色切换的D奥运五环翻转动画特效。
