作为一个前沿的 Web 开发者,对于 HTML5 和 CSS3 技术或多或少都有掌握。前几年这些新技术刚萌芽的时候,开发者们已经使用它们来小试牛刀了,如今这些先进技术已经遍地开发,特别是在移动端大显身手。这篇文章挑选了8个前沿的 HTML5 & CSS3 效果,记得收藏哦:) 温馨提示:为保证...
分类:
Web程序 时间:
2014-08-05 13:38:59
阅读次数:
378
今天我们有很多程序员在给文本设置样式时,都感觉无从下手。一般有两种情况:1)不知道关于文本到底有哪些样式属性;2)即使借助开发工具的自动提醒,依然不清楚样式属性的具体意思,以及具体用法。今天这篇文章,我将带领大家一起来领受CSS3在文本样式应用方面的超强能力。通过..
分类:
Web程序 时间:
2014-08-05 11:38:09
阅读次数:
246
今天我们有很多程序员在给文本设置样式时,都感觉无从下手。一般有两种情况:1)不知道关于文本到底有哪些样式属性;2)即使借助开发工具的自动提醒,依然不清楚样式属性的具体意思,以及具体用法。今天这篇文章,我将带领大家一起来领受CSS3在文本样式应用方面的超强能力。通过..
分类:
Web程序 时间:
2014-08-05 11:38:00
阅读次数:
238
有人会问,为什么我把text-overflow拿出来单独讲解。以前,当一行内容显示不完整的时候,想要显示省略符,需要通过javascript等手段。但是CSS3引入了text-overflow省略符属性,只需要短短一行代码就可以实现,开发方式的简洁强大不言而喻。这篇文章,我讲带领大家做一个《今日..
分类:
Web程序 时间:
2014-08-05 11:37:50
阅读次数:
302
I want to detect where a MouseEvent has
occurred, in coordinates relative to the clicked element. Why? Because I want to add an absolutely positioned child element
at the clicked location.
I kn...
分类:
Web程序 时间:
2014-08-05 11:09:29
阅读次数:
293
转至:https://github.com/CSSLint/csslint/wiki/Bulletproof-font-faceWhen using @font-face to declare multiple font types for cross browser compatibility, ...
分类:
Web程序 时间:
2014-08-05 10:49:39
阅读次数:
700
转至:W3CPLUS 网址:http://www.w3cplus.com/content/css3-font-face@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体...
分类:
Web程序 时间:
2014-08-05 10:45:49
阅读次数:
387
CSS3 引入了众多供功能强大的新特性,让设计和开发人员能够轻松的创作出各种精美的界面效果。下面这些发出闪亮光泽的按钮,漂亮吧?把鼠标悬停在按钮上,还有动感的光泽移动效果。
分类:
Web程序 时间:
2014-08-05 09:31:28
阅读次数:
319
text-overflow:ellipsis;white-space:nowrap;overflow:hidden;不换行,一行显示溢出时,文本自动换行。以前都是js计算的,现在可好。ellipsis:省略号
分类:
Web程序 时间:
2014-08-05 09:30:58
阅读次数:
360
之前有看到过很多基于HTML5或者CSS3制作的爱心动画,不过基本上都是2D平面的,今天在国外的网站上看到一个基于HTML5 3D的爱心动画,对于HTML5爱好者来说,不免兴奋了一把。下面将分享一下这个3D爱心动画的实现过程,可以一起来看看。当然你也可以先看一下DEMO演示这么好看的HTML5爱心动...
分类:
Web程序 时间:
2014-08-05 09:26:58
阅读次数:
285