【CSS3 小会】的更多相关文章

css3 小图标提示特效

最近的计划,就是每天来几个特效,当然这里有限制,在什么候选区只能放一个,还每天有限制发布的,哎, 啊 终于写完了,看到一个挺好玩的东西,想到能不能用网页的特效做出来,试试呗!不过,一想肯东有很多的 相类似的了,不过,反正就是挺有成就感的.高兴即来淫诗一首,两眼黑黑,灯下黑黑,嘿嘿嘿嘿嘿嘿嘿嘿... 赶紧上例子咯 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title&g…

CSS3小黄人

CSS3实现小黄人 效果图: 代码如下,复制即可使用: <!DOCTYPE HTML> <HTML> <head> <title>CSS3实现小黄人</title> ; padding: 0;} body { position: relative;} .container {width: 970px;margin: 0 auto;padding-top: 70px;transition: ease 0.3s all; -webkit-transi…

CSS3 小黄人案例

使用 CSS3 和 HTML5 制作一个小黄人. 结构代码: <div class="wrap"> <!-- 头发 --> <div class="hair"> <div class="hair_1"></div> <div class="hair_2"></div> </div> <!-- 身体 --> <div…

CSS3小清新下拉菜单 简易大方

之前有分享过几款CSS3菜单和jQuery菜单,像这款HTML5/CSS3自定义下拉框 3D卡片折叠动画3D效果非常华丽,这次要分享的这款相对比较简单,很适合用在用户的操作面板上.先来看看效果图: 怎么样,无论从颜色还是结构都非常简单清新吧. 你也可以到这里来看看这款下拉菜单的DEMO演示. 接下来我们一起看看菜单的源代码,主要是CSS代码,只有下拉的功能用了几行jQuery代码. 先来看看HTML结构: <div class="content"> <div clas…

css3小动画：鼠标hover后text-decoration的动画

实现效果 具体实现 利用css3 ::after或者::before伪元素实现.html代码 <a class="abstract-title" href="/archer-demo/2013-12-26/images/"> <span>webpack无法通过 IP 地址访问 localhost 解决方案</span> </a> css代码 .abstract-title { line-height: 2.5rem;…

CSS3小笔记

border-radius:圆角属性:border-radius:左上,右上,右下,左下.transform:rotate(角度):transparent 透明的三角形的写法设置宽和高为0,设置边框的其他三个角为透明:<div class="area"></div>.area{height:0;width:0;border:50px solid red;border-color:red transparent transparent transparent}di…

css3 小三角的用法

<div class="arrow-up"> <!--向上的三角--> </div> <div class="arrow-down"> <!--向下的三角--> </div> <div class="arrow-left"> <!--向左的三角--> </div> <div class="arrow-right"&…

css3小总结

一.边框 1.border-radius:x,y,模糊半径,color(x为负数时左移动,y为负数是上移动) 2.box-radius:x,y,模糊半径,阴影半径,color 3.border-image:url() 切割图片的大小 repeat/round(平铺)/stretch(拉伸).(*) 二.文字与字体 1.text-shadow:x,y,模糊半径,color; 2.@font-face{ font-family:"mooc " url(字体服器上的链接地址): } p{fo…

Css3小技术

圆角border-radius border-radius:length *注: 这是一个缩写,相当于四个角设置同样的值,用px或者百分比都可以,想要成为圆形,就用50%,你也可以单独设置每个角,语法和设置边框有的一拼,例如border-radius:5px 2px 4px 1px,分别是左上.右上.右下.左下,border-top-left-radius:5px;兼容IE9+.Firefox +.Chrome.Safari + 以及 Opera 支持...还有为了兼容老版本的火狐啊,谷歌啊等等…

CSS3小图标菜单导航

在线演示 本地下载…