CSS3
zxz32384
这个作者很懒,什么都没留下…
展开
-
CSS3 实现动画功能
1、transition功能: 通过将元素的某个属性在指定的时间内通过平滑过渡到另外属性值来实现动画功能。 transition:property duration timing-function 其中property表示对某个属性进行平滑移动,duration表示在多长时间内完成属性的平滑过渡,timing-function表示通过什么方法过渡。 2、animations功能: 与tr原创 2016-09-24 11:14:58 · 393 阅读 · 0 评论 -
css3 实现网页的淡入效果
用css3的animation动画属性实现网页的淡入,主要点在于改变页面的opacity属性。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style>@keyframes fadein{ 0%{opacity: 0;原创 2016-09-24 11:36:39 · 10696 阅读 · 0 评论 -
使用选择器在页面中插入内容
这里主要介绍利用before选择器和after选择器在页面中插入内容的方法。 1、插入文字<style>h2:before{content:"这里是文字";//可以在这里为加入的文字设置大小、颜色等属性}</style>如果要对页面中个别的h2 标签前面不添加内容,只需给不需要添加内容的标签设置样式,然后设置content:none; 代码如下:<style>h2.sample:befo原创 2016-09-24 12:29:36 · 335 阅读 · 0 评论 -
Z-index问题探讨
z-index的重要性在我看来,z-index 给了我们日常工作中以极大的帮助,我们用它来定义元素的层叠级别(stack level)。受益于它,你能做Popup, DropDown, Tips, 图文替换等等。在开始本篇之前,或许我们要先了解一下关于z-index的基本信息。W3C这样描述每个元素都具有三维空间位置,除了水平和垂直位置外,还能在 "Z轴" 上层转载 2016-11-20 16:37:53 · 344 阅读 · 0 评论