码迷,mamicode.com
首页 >  
搜索关键字:css3 transform实现图片投影    ( 9747个结果
【HTML5&CSS3进阶学习01】气泡组件的实现
前言气泡组件在实际工作中非常普遍,无论是网页中还是app中,比如:我们这里所谓气泡组件是指列表型气泡组件,这里就其dom实现,css实现,js实现做一个讨论,最后对一些细节点做一些说明,希望对各位有用小钗最近初学CSS,这里做一个专题,便于自身CSS提升,文章有不少问题与可优化点,请各位指导组件分类...
分类:Web程序   时间:2014-11-03 08:52:26    阅读次数:384
CSS3 媒体查询响应式布局
在这个以手机、平板和电脑为中心的互联网时代。为了提高用户体验度,让页面适应不同屏幕的分辨率成了我们写页面时最至关重要的问题。CSS3中的媒体查询功能很好的帮我们解决了这一问题,它可以根据屏幕的大小进行上扩和下扩呈现给用户一个可用的界面。 刚开始接触媒体查询这个功能,我一边感慨它的强大,一边焦虑着我....
分类:Web程序   时间:2014-11-03 01:17:00    阅读次数:255
HTML5与CSS3权威指南
第一章:Web时代的变迁HTML5放心使用的理由:兼容性:HTML5在老板本的浏览器上也可以正常运行;实用性:HTML5内部并没有封装什么很复杂的,不切实际的功能,而只是封装了简单实用的功能;非革命性的发展:HTML5的内部功能不是革命性的,只是发展性的。第二章:HTML5与HTML4的区别1.DO...
分类:Web程序   时间:2014-11-02 23:50:36    阅读次数:415
ie兼容问题
1、ie8设置圆角,在根目录下添加iecss3.htc(i解释ie8的矢量语言,也就是一个js写的插件,虽然后缀名不是js) DIVCSS5圆角实例 CSS3版本圆角实例, 支持低版本IE6-IE9浏览器 2、ie中透明度问题,.a{ backgrou...
分类:其他好文   时间:2014-11-02 20:57:08    阅读次数:226
【CSS3】使用CSS3线性渐变实现图片闪光划过效果(转)
原文:http://www.nowamagic.net/librarys/veda/detail/2600资料参考:http://www.cnblogs.com/lhb25/archive/2013/01/30/css3-linear-gradient.html CSS3 经典教程系列:CSS3 线...
分类:Web程序   时间:2014-11-02 19:34:20    阅读次数:185
CSS3 实现六边形Div图片展示效果
原文:CSS3 实现六边形Div图片展示效果效果图: 实现原理: 这个效果的主要css样式有: 1.>transform: rotate(120deg); 图片旋转 2.>overflow:hidden; 超出隐藏 3.>visibility: hidden; 也是隐藏,与display:none;...
分类:Web程序   时间:2014-11-02 15:01:29    阅读次数:426
6款精美jQuery源码插件及源码
1.简洁的纯css3代码实现的动画导航今天给大家分享一款简洁的纯css3代码实现的动画导航。鼠标经过的时候以背景色以菱形渐变为长方形。在线演示源码下载2.CSS3 制作网站面包屑导航效果作为最重要的导航展示形式之一,面包屑导航能够让用户更清楚的知道他们所在页面的层次结构,让他们可以方便的导航到上一层...
分类:Web程序   时间:2014-11-02 13:39:07    阅读次数:250
css3基础--Margin(外边距)&&padding(外边距)
margin:用来定义元素周围的空间。margin清除周围的元素(外边框)的区域。margin没有背景颜色,是完全透明的。margin可以单独改变元素的上,下,左,右边距。也可以一次改变所有的属性。1 div{2 margin-top:10px;3 margin-buttom:10p...
分类:Web程序   时间:2014-11-01 21:48:35    阅读次数:451
黄聪:手机移动端建站Jquery+CSS3+HTML5触屏滑动特效插件、实现触屏焦点图、图片轮展图
前言TouchSlide 可以说是 SuperSlide 手机简化版,不同的地方在于:1、TouchSlide是纯javascript开发的,不依赖任何js库,鉴于此,TouchSlide调用方法和SuperSlide有点不同。调用方法为:TouchSlide({slideCell:"#slider...
分类:移动开发   时间:2014-11-01 14:40:21    阅读次数:209
CSS3 实现六边形Div图片展示效果
效果图:实现原理:这个效果的主要css样式有:1.>transform: rotate(120deg); 图片旋转2.>overflow:hidden; 超出隐藏3.>visibility: hidden; 也是隐藏,与display:none;相似,但不同的是,它虽然隐藏了,但依然会在网页中占有位...
分类:Web程序   时间:2014-11-01 00:54:43    阅读次数:302
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!