浏览器制造商（像Microsoft、Mozilla等，还有WebKit的后台人员等）通常会为他们的浏览器增加新的功能来测试新的特性，

或者实现一直在考虑但还没有得到标准组织批准的CSS扩展。在这些情况下，开发商会创建类似这样的CSS属性：

-moz-transform: 第一个是短横线"-"；第二个是开发商标识符，moz指Mozill；后面是一个短横线"-"；最后是属性

通常可以在各个浏览器的开发文档和发行说明中找到这些开发商特定的属性，

或者可以加入与各浏览器开发过程相关的论坛，从中可以了解到开发商特定的属性。

例如：

div{

transform: rotate(45deg);       // 通用属性，以保证属性得到支持，或者至少将来得到支持

-webkit-transform: rotate(45deg);    //safari chrome

-moz-transform: rotate(45deg);    //Mozilla

-o-transform: rotate(45deg);   //Opera

-ms-transform: rotate(45deg);   //IE

}

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <style type="text/css">

        #box{

            position:absolute;

            top:100px;

            left:200px;

            width:200px;

            height:200px;

            background-color:#ff0000;

            transition: transform 2s;  /* transition属性指出：如果transform属性的值改变，要在指定的实际内从当前transform值过度到新的transform值 */

            -webkit-transition: -webkit-transform 2s;

            -moz-transition: -moz-transform 2s;

            -o-transition: -o-transform 2s;

            /*

            transition属性值也是一个属性，在这里transition属性值为transform，另外还有一个持续的时间(duration),即2s。

            指定的属性值改变是，transition会使这个变化在指定的时间内完成，这就是产生一个中动画效果。还可以对其他CSS属性

            完成过度，如width或者opacity。

            */

        }

        /* 当鼠标悬停时，div旋转45度 */

        #box:hover{

            transform:rotate(45deg);

            -webkit-transform: rotate(45deg);

            -moz-transform: rotate(45deg);

            -o-transform: rotate(45deg);

            -ms-transform: rotate(45deg);

        }

    </style>

</head>

<body>

    <div id="box"></div>

</body>

</html>

CSS中浏览器开发商特定的CSS属性的更多相关文章

  1. css中的字体及文本相关属性

    css中的字体及文本相关属性 1.字体相关属性 字体主要可以设置color.font-family.font-size.font-size-adjust.font-stretch.font-style ...

  2. css hack 浏览器携带自身特有的属性 （二）

    css hack 浏览器携带自身特有的属性,才是我们真正要解决的css 兼容问题. 这里只是分享思路. 举例子: 1 outline,尤其是一些 自带继承特性的属性.这里指的是 隐性的inherite ...

  3. CSS中的盒子模型与 box-sizing 属性

    盒子模型是css中一个重要的概念,是开发网页必须要用的布局方法.盒子模型有两种,分别是标准 w3c 盒子模型和 ie 盒子模型. 标准 w3c 盒子模型:包括 magin(外边距).border(边框 ...

  4. CSS中 Padding和Margin两个属性的详细介绍和举例说明

    代码示例: <!doctype html> <html lang="en"> <head> <meta charset="UTF ...

  5. CSS中padding、margin、bordor属性详解

    一.图解CSS padding.margin.border属性 W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落.列表.标题.图片以 ...

  6. CSS中控制换行的四种属性

    一.white-space 可以实现HTML中PRE标签的效果,以及单元格的noWrap效果,点此查看示例. Example Source Code 语法: white-space : normal  ...

  7. css中的position:relative和absolute 属性

    语法: position : static | absolute | fixed | relative 取值: static :默认值.无特殊定位,对象遵循HTML定位规则 absolute :将对象 ...

  8. css中可继承和不可继承属性

    一.无继承性的属性 1.display:规定元素应该生成的框的类型 2.文本属性: vertical-align:垂直文本对齐 text-decoration:规定添加到文本的装饰 text-shad ...

  9. 解决谷歌浏览器设置font-family属性不起作用,(css中设置了font-family:没有用)css字体属性没用

    嗯,这个问题百思不得解.其他的浏览器器都没问题,在谷歌上就不行,网上找了很多,都没效果,后才发现,当然同样的问题可能错不一样的地方,我的解决方案: 感觉主要原因是自己也没查到,乱改一堆,就OK啦: 1 ...

随机推荐

  1. MyBatis入门学习教程-实现关联表查询

    一.一对一关联 1.1.提出需求 根据班级id查询班级信息(带老师的信息) 1.2.创建表和数据 创建一张教师表和班级表,这里我们假设一个老师只负责教一个班,那么老师和班级之间的关系就是一种一对一的关 ...

  2. RAID磁盘阵列笔记

    磁盘阵列RAID是服务器维护的必备知识,以前不太关心服务器维护方面的知识.目前要负责维护机房里的几台服务器,所以要关注这方面的内容. 磁盘阵列是用多块独立磁盘组成,提供两个方面的作用:数据安全冗余 和 ...

  3. 数据库MySQL基本语法思维导图

  4. CSS详解

    Web前端开发css基础样式总结 颜色和单位的使用 颜色 用颜色的名字表示颜色,比如:red 用16进制表示演示 比如:#FF0000 用rgb数值表示颜色,rgb(红,绿,蓝),每个值都在0-255 ...

  5. 动态linq to list排序

    public class QeurySort { public static IList<T> Sort<T>(IList<T> list,string sidx, ...

  6. Eclipse svn插件包

    SVN插件下载地址及更新地址,你根据需要选择你需要的版本.现在最新是1.8.x Links for 1.8.x Release: Eclipse update site URL: http://sub ...

  7. 深入理解Session与Cookie

    Session与cookie的作用都是为了保持访问用户与后端服务器的交互状态. cookie通过把所有要保存的数据通过HTTP协议的头部从客户端传递到服务端,又从服务端再传回到客户端,所有的数据都存储 ...

  8. java安全沙箱（三）之内置于Java虚拟机（及语言）的安全特性

    java是一种类型安全的语言,它有四类称为安全沙箱机制的安全机制来保证语言的安全性,这四类安全沙箱分别是: 类加载体系 .class文件检验器 内置于Java虚拟机(及语言)的安全特性 安全管理器及J ...

  9. [AIR] 打开我的电脑

    import flash.filesystem.File; import flash.desktop.NativeProcess; import flash.desktop.NativeProcess ...

  10. .Net Enum

    /// <summary> /// 将enum转换成List<Model.Models.SelectViewModels>,即html的select标签使用的数据 /// &l ...