码迷,mamicode.com
首页 >  
搜索关键字:纯css    ( 819个结果
纯CSS制作冒泡提示框
来源:http://www.ido321.com/1214.html前两天翻译了一篇文章,关于利用css的border属性制作基本图形:http://www.ido321.com/1200.html在此基础上,今天分享一篇文章给大家,如果利用CSS制作冒泡提示框。先看2张效果图:CSS:/* 对.....
分类:Web程序   时间:2014-11-18 13:21:21    阅读次数:137
用纯css写出三角形
1、新建一个元素,随便什么元素,不过我习惯性的会用块元素来做。如果行内元素就display:block它。2、把它的宽高设置为height:0px; width:0px;3、设置边框border属性,用来实现三角形。首先要了解border具体是怎么样的,我写了一个这样的样式:border:50px ...
分类:Web程序   时间:2014-11-17 12:04:49    阅读次数:182
转:纯CSS实现“鼠标移过显示层”效果
利用标签的a:hover状态触发鼠标移过的动作,其中未触发状态显示为单个图片。兼容IE6/7/8以及FF/Chrome等主流浏览器。以下是图示及完整代码。原文:http://www.cnblogs.com/eecc/articles/2225473对话商业领袖_网易财经 常德传青岛港集团董事...
分类:Web程序   时间:2014-11-15 11:21:18    阅读次数:172
使用CSS3制作漂亮的按钮
我给大家介绍一下如何使用CSS3来制作一个圆角阴影、渐变色的漂亮的按钮,它不需要任何图片和javascript脚本,只需要CSS3就可以轻松实现按钮效果,并且可以适用于任意HTML元素,想div,span,p,a,button,input等等。这些纯CSS代码制作的按钮大小可以根据字体大小自动调整,...
分类:Web程序   时间:2014-11-13 14:22:29    阅读次数:199
纯CSS实现的右侧底部简洁悬浮效果
我们见过很多页面右侧浮动效果,最早有QQ联系面板,对联广告等,大多数都是基于Javascript实现的动态效果,今天我给大家分享一个只需要CSS结合DIV实现的右侧浮动效果。HTML我们希望悬浮效果最后加载,因此一般将其放置在页面HTML的末尾,我们建立一个.side-bar,里面包含了QQ在线咨询...
分类:Web程序   时间:2014-11-13 14:21:57    阅读次数:206
IE中的if语句--实现不同版本IE浏览器不同html代码 (转)
在很多html代码中常常可以看到很多的IE的条件语句,有时候很不明白他们的意思,其实这是为了能与低版本浏览器实现更好的兼容,例如在制作纯CSS的级联菜单时,由于在IE6中只有支持伪类,而其他属性不支持,而且它还会用到表格,而在其他版本浏览器中则不需要那么麻烦,因此给html元素加了个IF语句控制在I...
分类:Web程序   时间:2014-11-08 16:40:06    阅读次数:202
15个让人惊讶的 CSS3 动画效果演示
CSS 是网页设计非常重要的一部分,随着越来越多的浏览器对 CSS3 支持的不断完善,设计师和开发者们有了更多的选择。如今,用纯 CSS 就可以实现各种各样很酷的效果,甚至是动画。本文收集了15个惊人的 CSS3 动画演示,它们将证明 CSS3 Transform 和 Transition 属性的强...
分类:Web程序   时间:2014-11-07 14:22:40    阅读次数:301
一款纯css实现的漂亮导航
今天给大家分享一款纯css实现的漂亮导航。之前为大家分享过jquery实现的个人中心导航菜单,今天这款也是适合放在个人中心。还带来图标,效果不错。一起看下效果图:在线预览源码下载实现的代码。html代码: ...
分类:Web程序   时间:2014-11-07 09:44:42    阅读次数:290
兼容性很好的纯css圆角
纯css圆角 Snazzy Borders Based on Nifty Cor...
分类:Web程序   时间:2014-11-06 14:18:27    阅读次数:221
看到一个不错的机器人笔记本看书的动画,就做了做
效果大致如上图所示:由于PS技术不怎么精湛,能显示出大致效果,真正的html页面的效果要比这个gif图片好太多了。上源码: 1 2 3 4 纯css实现机器人看书 5 6 417 418 419 420 421 4...
分类:其他好文   时间:2014-11-02 11:59:30    阅读次数:176
819条   上一页 1 ... 72 73 74 75 76 ... 82 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!