css3
关注
分享
扫一扫
诸葛苍穹
...
展开
-
文章标题
css3绚丽的背景切换<!DOCTYPE html><head><meta charset="gb2312"/><title></title><style>*{margin:0;padding:0;}#contain{width:1000px;height:800px;margin:0 auto;border:1px solid #ccc;overflow:hidden;position原创 2015-11-06 19:02:22 · 265 阅读 · 0 评论 -
css3滤镜
grayscale 灰度 -webkit-filter:grayscale(0.5); -webkit-filter:none; sepia 褐色 -webkit-filter:sepia(0.5); saturate 饱和度 -webkit-filter:saturate(5); hue-rotate 色相旋转 -webkit-filter:hue-rotate(180原创 2016-05-14 22:48:57 · 343 阅读 · 0 评论 -
http://cssload.net/----动画
<div class="cssload-dots"> <div class="cssload-dot"></div> <div class="cssload-dot"></div> <div class="cssload-dot"></div> <div class="cssload-dot"></div> <div class="cssload-dot"><原创 2015-12-09 16:41:42 · 497 阅读 · 0 评论 -
css3网站
css3菜单 css3在线编辑原创 2015-12-09 16:56:45 · 273 阅读 · 0 评论 -
鼠标进出效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{margin: 0;padding: 0;} body{font-size: 14px;font-family: "microsoft原创 2016-01-27 15:36:58 · 440 阅读 · 0 评论 -
css3-loading
.loading { width: 60px; height: 60px; background-color: #FE4B83; margin: 100px auto; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinit原创 2015-12-22 12:55:38 · 488 阅读 · 0 评论 -
css3效果
效果一：360°旋转 修改rotate(旋转度数)* { transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}*:hove原创 2015-12-22 12:51:43 · 525 阅读 · 0 评论 -
CSS3 基础知识
1.边框 1.1 圆角 border-radius:5px 0 0 5px; 1.2 阴影 box-shadow:2px 3px 4px 5px rgba(0,0,0,0.5);(水平、垂直、模糊、扩展) box-shadow:inset 1px 2px 3px 4px #fff;(inset 内阴影) 1.3 边框图像 border-image原创 2015-12-13 20:31:02 · 390 阅读 · 0 评论 -
animated库
@charset "UTF-8";/*! * animate.css -http://daneden.me/animate * Version - 3.5.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2015 Daniel Eden */.animate翻译 2015-12-28 11:12:24 · 1390 阅读 · 0 评论 -
css动画
<div class="cssload-wrap"> <div class="cssload-circle"></div> <div class="cssload-circle"></div> <div class="cssload-circle"></div> <div class="cssload-circle"></div> <div class="cs原创 2015-12-09 16:37:27 · 333 阅读 · 0 评论 -
加载
#fountainTextG{ width:234px; margin:auto;}.fountainTextG{ color:rgb(0,0,0); font-family:Arial; font-size:24px; text-decoration:none; font-weight:normal; font-style:norm原创 2015-12-09 16:40:42 · 453 阅读 · 0 评论 -
css3左右箭头
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style>/*div{*/ /*width: 20px;*/ /*height: 20px;*/ /*border-top: 1px solid #f90;*/ /*bor原创 2016-11-06 20:38:39 · 4706 阅读 · 0 评论