码迷,mamicode.com
首页 >  
搜索关键字:纯css    ( 819个结果
纯css的二级导航栏
JS Bin 首页 页面1 页面2 页面3 关于 下载 下载1 下载2 博...
分类:Web程序   时间:2015-11-13 20:57:16    阅读次数:241
纯css 画箭头
原理:把容器的边框设置大一点,容器本身的长宽为0,只设置一边的颜色让其自然形成 箭头参考文章http://yuiblog.com/blog/2010/11/22/css-quick-tip-css-arrows-and-shapes-without-markup/
分类:Web程序   时间:2015-11-01 22:26:20    阅读次数:560
纯css实现照片墙3D效果
每张照片都有美丽的故事、美好的回忆。家居中的照片墙则帮你展现出这些承载着家庭重要记忆的照片,除了用画框装饰照片挂在墙上外,照片墙还可以演变为手绘照片墙。也经常在网上看到一些关于照片墙的特效案例,决定自己动手试试。
分类:Web程序   时间:2015-11-01 21:02:24    阅读次数:230
用纯CSS实现的箭头
div+css实现带三角箭头提示框链接:http://www.xuebuyuan.com/160534.html链接:http://www.admin10000.com/document/4089.html带三角箭头的提示框,就是下面所示:这是一个提示框通常我们都用图片来实现上面那个小三角,因为这样...
分类:Web程序   时间:2015-10-30 20:31:13    阅读次数:264
10 个由纯 CSS 实现的动画角色
通过CSS3,我们能够创建动画,这可以在许多网页中取代动画图片、Flash动画以及 JavaScript。今天Coder|程序员资源网为大家分享Codepen上10个由@rachel_web创作的纯CSS实现的动画角色,希望大家能够喜欢。1.Minion in Pure CSS2.Family Gu...
分类:Web程序   时间:2015-10-29 20:10:58    阅读次数:231
纯css实现计数器效果
先上效果图:点击选项框,下面的数字动态显示总个数,该效果由纯css实现。怎么实现的呢?主要就是靠css中的计数器counter。css的counter-reset属性可以设置一个计数器,并通过counter-increment属性实现递增效果。具体可以看代码:1 html{2 counter...
分类:Web程序   时间:2015-10-27 19:57:43    阅读次数:199
表单元素——checkbox样式美化
一、背景设计狮童鞋总是会设计各种高大上的效果图,比如下面这个土豪金的效果。该图中“已阅读并同意相关服务条款”前面的复选框有一个金色的边框,打钩时是一个金色的对勾。接下来说说怎样实现该效果。二、解决方法1、纯css解决方法在css3 选择器(三)一文中介绍过一个选择器【:checked】选择器。单选按...
分类:其他好文   时间:2015-10-27 14:55:32    阅读次数:186
CSS高级技巧-转自51cto
在51cto上看到这篇文章,记录下学习下面这些CSS高级技巧使用 :not() 在菜单上应用/取消应用边框给body添加行高所有一切都垂直居中逗号分隔的列表使用负的 nth-child 选择项目对图标使用SVG优化显示文本对纯CSS滑块使用 max-height继承 box-sizing表格单元格等...
分类:Web程序   时间:2015-10-26 16:51:20    阅读次数:181
CSS3新vw, vh单位与纯CSS定位的弹框屏幕居中效果实例页面
在css中vw和vh分别代表所占的百分比,可以设置最外部的容器的宽高,但是都要结合百分比一起使用。 展示 回到相关文章 ? 图片宽度(目前1024像素): 128??1024 点击我出现图片弹框 代码 CSS代码: .dialog_co...
分类:Web程序   时间:2015-10-12 17:31:49    阅读次数:590
CSS3 自定义动画(animation)
除了在之前的文章中介绍过的 CSS3 的变形 (transformation) 和转换 (transition) 外,CSS3 还有一种自由度更大的自定义动画,开发者甚至可以使用变形(transformation)和转换(transition)制作自定义动画,利用纯 CSS 制作出像 Flash 一...
分类:Web程序   时间:2015-09-29 18:46:04    阅读次数:358
819条   上一页 1 ... 53 54 55 56 57 ... 82 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!