Animate.css是一个有趣的，跨浏览器的css3动画库。很值得我们在项目中引用。 用法 1、首先引入animate css文件 2、给指定的元素加上指定的动画样式名 <div class="animated bounceOutLeft"></div> 这里包括两个class名，第一个是基本的， ...
分类：
Web程序 时间：
2018-07-15 16:20:10
阅读次数：
1121
现在很火的是h5页面的开发，更多的视觉冲击，带来更多的关注度，更多的眼球，想要别人看你的东西，不在是以前的一段文字，或是一个图片的时代了，现在h5把一张张图片，一段段文字动起来，更有与客户的交互，而且强大的段子手写出的段子，让这个信息流的时代更加高速，更加具有冲击感。我刚接触h5设计，其实在设计与编 ...
分类：
Web程序 时间：
2018-07-05 19:50:15
阅读次数：
211
高大上网站-CSS3总结1-图片2D处理以及BUG修复 一，前言： 现在的前端UI相对JS来说，重视并不够。 但是CSS3提供的新特性，将现在的网站赤裸裸的划分为两类：一类还在写着老旧样式，或者通过bootstrap来蹭点CSS3动画。另一类，是用CSS3写着各种特效的网站。 也许国内还感觉不是很明 ...
分类：
Web程序 时间：
2018-06-21 00:05:11
阅读次数：
261
CSS3变形 translate()平移函数 scale()缩放函数 skew()倾斜函数 rotate()旋转函数 CSS3过渡 过渡属性 过渡所需时间 过渡函数 过渡延迟时间 过渡的触发机制 CSS3动画 设置关键帧 调用关键帧 ...
分类：
Web程序 时间：
2018-06-17 21:21:49
阅读次数：
206
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> div{ width:120px; height:120px; line-height: ...
分类：
移动开发 时间：
2018-05-30 19:19:52
阅读次数：
307
垂直居中 1. 已知外部高度： 高度和行高相等（内联） 使用table布局（内联，块级） 2. 任意外部高度： padding top，padding bottom相等 将表格边框合并 通过对table的border collapse和border spacing进行设置 css3动画注意 dom上 ...
分类：
Web程序 时间：
2018-05-21 19:35:09
阅读次数：
211
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .d1 { margin: auto; width: 40px; height: 250px; transform- ...
分类：
Web程序 时间：
2018-05-19 00:42:51
阅读次数：
234
CSS3，我们可以创建动画，它可以取代许多网页动画图像，Flash动画，和JAVAScripts。 CSS3 @keyframes 规则 要创建CSS3动画，你将不得不了解@keyframes规则。 @keyframes规则是创建动画。 @keyframes规则内指定一个CSS样式和动画将逐步从目前 ...
分类：
Web程序 时间：
2018-05-17 23:19:05
阅读次数：
262
css3动画——transition（过渡） 用于规定元素不同状态间变化所需时间，属性值为一个时间值，单位（s/ms）； 初次接触此属性觉得有些麻烦，通过一段时间的学习，还是简单做下过度知识的整理。 相关属性 1.transition：属性简写，用于在单个属性中 同时可进行四个属性值的设定。 div ...
分类：
Web程序 时间：
2018-05-13 18:05:24
阅读次数：
322
官网：http://mynameismatthieu.com/WOW/ 建议去官网一看 下载地址：https://github.com/matthieua/WOW 浏览器兼容 IE6、IE7 等老旧浏览器不支持 CSS3 动画，所以没有效果；而 wow.js 也使用了 querySelectorAl ...
分类：
Web程序 时间：
2018-05-08 11:11:18
阅读次数：
8135
