随笔分类 - css3动效
摘要：参考：https://www.cnblogs.com/jr1993/p/4677921.html
阅读全文
摘要：<!doctype html> <html> <head> <meta charset="utf-8"> <title>css动画bai</title> <style> *, *:before, *:after { box-sizing: border-box; margin: 0; padding
阅读全文
摘要：css计数器--兼容IE8 aaa aaa aaa
阅读全文
摘要：<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8" /> <title>实例: css3技巧——产品列表之鼠标滑过效果</title> <style> .main *{ padding:0; margin:0; font-family:'Sourc
阅读全文
摘要：<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8" /> <title>实例: css3技巧——产品列表之鼠标滑过效果</title> <style> .main *{ padding:0; margin:0; font-family:'Sourc
阅读全文
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding:0; } body{ background:#006d5c; } .outer{
阅读全文
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <canvas id="canvas" style="border: 1px solid #ccc;margin
阅读全文
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin:0; padding:0; box-sizing:border-box; } body{ backgrou
阅读全文
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/2.css"/> </head> <body> <div class="sh
阅读全文
摘要：*{ margin:0; padding:0; } .outer{ position:relative; width:800px; height:500px; margin:0 auto; } .target{ position:absolute; width:60px; height:60px;
阅读全文
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="idangerous.swiper.css"/> <link rel="styles
阅读全文
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/style.css"/> </head> <body> <div class
阅读全文
摘要：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .cc{ margin:20px auto; background:#208adb; cursor:pointer; width:
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> <style> *{ box-sizing: border-box; }
阅读全文
摘要：; (function ($) { $.extend($.easing, { easeOutElastic: function (x, t, b, c, d) { var s = 1.70158; var p = 0; var a = c; if (t == 0) return b; if ((t
阅读全文
摘要：1、鼠标经过导航中li时，一个活动的li跟随鼠标移动，最终移动到鼠标的停留的位置。（如需鼠标离开后让活动的li回到初始位置，则用jq hover事件，当鼠标离开时，给活动的li设置left是0） 2、鼠标经过div时，图片放大，layer层出现
阅读全文
