CSS3 相关内容 - Frontopen

获取系统类型及版本号： php_uname() (例：Windows NT COMPUTER 5.1 build 2600) 只获取系统类型： php_uname('s') (或：PHP_OS，例：Windows NT) 只获取系统版本号： php_uname('r') 获取PHP运行方式： ...

CSS3 , 毛玻璃

7901

品味人生 · 2015-10-26 22:41:47

CSS3

CSS3中毛玻璃效果的使用方法

今天在使用icloud的时候看到苹果icloud官网的毛玻璃效果非常赞，仔细研究了一下它的实现方式，是使用js配合background-image: -webkit-canvas的形式绘制出的毛玻璃背景图片。不过今天又仔细研究了一下css3中的blur方法，可以实现同样的...

CSS3 , 毛玻璃

10516

品味人生 · 2015-08-27 20:34:21

CSS3

被解放的GPU与CSS3中对GPU的应用分析

概念图形处理器（ Graphics Processing Unit ）专门用来处理在个人电脑、工作站或游戏机上图像运算工作显卡的“心脏” 90%以上的新型台式电脑和笔记本型电脑拥有集成图形处理器，但是在性能上往往低于那些独立显卡。按照类型...

CSS3 , GPU

3855

品味人生 · 2013-10-14 10:13:59

jQuery源码分享

用jQuery和CSS3实现组合翻转滑块效果，实测

这一期介绍的是CSS3 结合 jQuery制作的盒子翻转效果的页面切换。此次实例中用到了modernizr库，modernizr库是用来检测浏览器对HTML5 和 CSS3的支持情况。主要目的是用于提示用户，浏览器不支持哪些功能。通俗的说，是对于那些不...

CSS3 , jQuery , 组合翻转

4642

品味人生 · 2012-12-01 23:27:40

web前端开发

CSS 行高在各浏览器的区别

单行文字的高度问题，一直是个令人很困扰的问题！习惯性都是哪里出现问题，哪里解决（padding, margin, line-height, height; 正的、负的等）！在不同浏览器出现不一致的情况，就用不同的HACK处理了之。这是能解决问题的！可是...

CSS3 , 手风琴

5442

品味人生 · 2012-11-28 23:39:35

web前端开发

基于display:table的CSS布局

当IE8发布时，它将支持很多新的CSS display属性值，包括与表格相关的属性值：table、table-row和table-cell，它也是最后一款支持这些属性值的主流浏览器。它标志着复杂CSS布局技术的结束，同时也给了HTML表格布局致命一击。最终，使...

CSS3 , 手风琴

37989

品味人生 · 2012-11-28 23:25:49

技术资源分享

手风琴式滑块CSS3，实测分享

手风琴效果其实并不罕见。但是在CSS3问世之前，我们都需要通过JS来实现这种动态效果。 css3问世后，这种效果已经不需要臃肿的JS来实现，可以由浏览器直接完成，直接提升了运行效率和稳定性。下面给大家分享实测后的效...

CSS3 , 手风琴

3663

品味人生 · 2012-11-28 23:01:16

web前端开发

解决IE6中PNG背景不透明方法

1、解决PNG图片在IE6中背景不透明的CSS与JS代码 JS代码 function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.{var arVersion = navigator.appVersion.split("MSIE")var version = parseFloat(arVersion[1])if ((version >= 5.5) && (document.body.fil...

CSS3 , text-shadow

3336

品味人生 · 2012-11-22 22:18:31

CSS3

CSS3中的text-shadow文字阴影样式

语法：text-shadow ： none | none | [, ] * 或none | [, ]*相关属性：无取值：<color> ：指定颜色。 <length> ：由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的水平延伸距离。 <opacity> ：由浮点数字和单位标...

CSS3 , text-shadow

4136

品味人生 · 2012-11-22 22:14:28

web前端开发

网页前端关于如何命名css样式

网页制作中规范使用DIV+CSS命名规则，可以改善优化功效特别是团队合作时候可以提供合作制作效率，具体DIV CSS命名规则CSS命名大全内容如下：页头：header 如：#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与i...

CSS3 , 边框过渡

4994

品味人生 · 2012-11-21 20:33:29

技术资源分享

纯CSS3的边框过度效果，实测攻略

上一期介绍了CSS3 + jQuery 的放大镜效果实测。这一期为大家带来边框过度的CSS3样式效果。该效果完全由CSS3的 :hover事件与 transition 样式组成，是不是觉得很炫？代码测试：CSS3边框过度效果_frontopen.combody { padding: 100px 20px;} a { bac...

CSS3 , 边框过渡

4503

品味人生 · 2012-11-21 19:47:14

CSS3

CSS3中的border-image样式应用详解教程

border-image是CSS3中诞生的新样式，它可以让从前纯色的边框样式使用图片来替代，更便于做出个性化的div边框，是不是觉得很带感？一起来试试吧。   语法： border-image：<border-image-source> || <border-image-slice> [ / <...

CSS3 , 教程

5148

品味人生 · 2012-11-18 20:34:53

Javascript开发

javascript实现在图片读取的时候出现进度条....

<title>JS实现的图片加载进度条_网页代码站(http://www.frontopen.com</title><script>var l=0;var imgs;var sum=0;function chk(){document.getElementById("aa").innerText=""+((sum-l)*100/sum)+"%"l--;if (l==0){for (var i=0;i<imgs.length;i++){imgs[i].style.display='';}}}&lt...

CSS3 , jQuery , 放大镜

6361

品味人生 · 2012-11-18 19:45:44

jQuery源码分享

CSS3和jQuery的放大镜实例，实测攻略

转自国外的 CSS3和jQuery的11个实例教程，里面有11种的CSS3和jQuery 实现的惊人特效。这么给力的东西，必须要仔细研究一番。废话不多说，奉上第一个实例的实测与中文注释。效果预览：  代码测试：放大镜测试实例$(doc...

CSS3 , jQuery , 放大镜

4266

品味人生 · 2012-11-17 08:12:16