CSS3的animation很容易就能实现各种酷炫的动画，虽然看到别人的成果图会觉得很难，但是如果掌握好各种动画属性，做好酷炫吊炸天的动画都不在话下，好，切入正题。 一、动画属性： 动画属性包括：①animation-name，②animation-duration，③animation-timin ...
分类：
Web程序 时间：
2017-08-21 22:57:20
阅读次数：
417
TML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单。 本次学习HTML5的新标签元素有： <header>定义页面或区段的头部； <footer>定义页面或区段的尾部； <nav>定义页面或区段的导航区域； ...
分类：
Web程序 时间：
2017-08-19 23:32:05
阅读次数：
287
简单讲一讲CSS3的动画属性，transition，transform和animation 一、transition 过渡 transition 是一个简写属性，可扩展为 1.transition-property属性，设置过渡效果的属性名称 值可为：none（没有属性有效果）|| all（所有属性 ...
分类：
Web程序 时间：
2017-08-19 18:28:17
阅读次数：
222
首先感谢w3cfuns的老师~今天给大家带来一个CSS3制作的翻牌效果。就是鼠标移到元素上，感觉能够看到元素背后的信息。大家假设制作考验记忆力的连连看、扑克类的游戏神马的，甚至给女朋友写一些话语，放在使用该实例制作的相冊之后都能够尝试下，哈~效果图：实例用到的一些CSS3的新属性： a、-webki ...
分类：
Web程序 时间：
2017-08-18 13:30:59
阅读次数：
209
方法一. 把图片作为background 有几个CSS的属性要提一下：background-size：cover，这个CSS3的属性作用是把背景图像扩展至足够大，以使背景图像完全覆盖背景区域，背景图像的某些部分也许无法显示在背景定位区域中，如果不使用这个属性，在IE11和FireFox中缩放浏览器， ...
分类：
Web程序 时间：
2017-08-17 18:33:03
阅读次数：
217
今天看到一个同事写的着重号图标，我以为是图片，仔细一看，是span标签！哇！！学习一下哈哈 图标长这样： CSS代码： 页面这样写： 这里用到一个CSS3的新属性 border-radius w3school对border-radius的介绍： 还很贴心的提示了可以为元素添加圆角边框！ 以下源于 参 ...
分类：
Web程序 时间：
2017-08-17 18:31:17
阅读次数：
211
transform是CSS3的一个属性，其作用是用来进行2D或3D变换。 一、2D变换 1. translate(x-offset , y-offset) translate的作用就是用作位置的移动。x-offset是距离left的位置，y-offset是距离top的位置。该方法的位移不会脱离文档流 ...
分类：
Web程序 时间：
2017-08-16 00:08:07
阅读次数：
223
px单位 比较稳定精确，但在浏览器中放大缩小页面时会出现问题：用户改变浏览器字体，会使页面布局被打破，因此提出使用“em” em单位 它需要一个参考点，一般以<body>的“font-size”为基准。比如使用“1em”来改变默认值“1em=16px”,这样一来，设置字体“14px”时，只需要将其设 ...
分类：
Web程序 时间：
2017-08-15 15:13:01
阅读次数：
151
今天在css-tricks上看到一篇文章，那篇文章让我不禁心头一震，强大的CSS啊，居然能画出这么多基本的图形。图形包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性，所以在你打开这篇文章的时候，我希望你用的是firefox或者c ...
分类：
Web程序 时间：
2017-08-15 10:26:05
阅读次数：
288
text-overflow是CSS3的一个属性，其作用是当文本溢出包含它的元素时，应该裁剪还是将多余的字符用省略号来表示。 该属性一般和overflow:hidden属性一起使用。 text-overflow: clip|ellipsis|string 1、clip：修剪文本。即将溢出的文本裁剪掉。 ...
分类：
Web程序 时间：
2017-08-14 23:37:39
阅读次数：
241
