×

css3渐变色 css3 渐变

css3中有几种渐变?css和css3 有什么区别

admin admin 发表于2022-06-25 01:52:00 浏览115 评论0

抢沙发发表评论

css3中有几种渐变


线性渐变:linear-gradient(方位,起始色,末尾色)
径向渐变:radial-gradient(方位,起始色,末尾色)
详细使用实例百度这两个css函数

css和css3 有什么区别


都是网页样式code,不同的在于css3比css多了一些样式设置而已。
css3是向前兼容的,也就是说,css中有效的code在css3也有效。
以上是纯code方面来看,而对于具体的显示效果,还要看浏览器对其的支持情况。
举2个简单的例子:
一、一个css与css3都有效的code,如果浏览器不支持css3,那么只会以css的样式显示。最常见的就是圆弧角。
二、一个只在css3中有效的code,如果浏览器不支持css3,那么其显示效果就不会出现。
css3和css,在编写code的时候,除了对一些css3中新出现的属性设置,其它完全一样。

css3有哪些新特性,求详解


  1. 圆角

    这个功能已经在诸如Mozilla,Webkit等浏览器广泛使用,对Web设计者来说无疑是最受期待的,然而IE仍然没有要支持这个功能的迹象。

  2. 多背景

    这个功能是我最期待的,但向后兼容会是一个很大的问题。

  3. @font-face

    Firefox的最新版本将支持该功能,Safari,Opera甚至IE也将支持或已经支持该功能,我们会看到该功能的广泛应用,只是字体的版权问题会很麻烦。

  4. 动画与渐变

    Webkit在这方面是领头军,动画也是设计的一部分,也该属于CSS。这些会慢慢实现,当Webkit之外的浏览器也开始支持这个功能,我们会看到很多令人惊讶的效果。

  5. 渐变色

    定义一个固定色背景很简单,但渐变色就没有那么简单了,渐变色很适合通过代码实现,Webkit又在这方面抢了先。

  6. Box阴影

    阴影也是一种渐变色,以往是通过背景图片实现的,如果考虑到多方向的阴影,事情会变得更复杂,Box阴影机制让一切问题迎刃而解。

  7. RGBa-加入透明色

    RGBa中的a代表透明色,透明对设计者来说非常重要,目前除了IE,这一功能正在被广泛采用。

  8. 文字阴影

    也属于渐变色的概念,让文字拥有阴影,以前甚至无法通过图片背景实现,因此这将为设计者带来前所未有的方便。

  9. 另外这些新的特新需要考虑兼容性问题。