css3中哪些属性不能同时存在

CSS3是目前最新的CSS版本，新增了很多新的属性和功能，但是有些属性不能同时存在。下面我们就来看看CSS3中哪些属性不能同时存在。

    .Box {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

opacity和filter属性不能同时存在，它们都可以控制元素的透明度。opacity属性的取值范围为0-1，其中0表示完全透明，1表示完全不透明；而filter属性则可以使用Alpha滤镜来控制元素的透明度，其取值范围为0-100，其中0表示完全不透明，100表示完全透明。

    .Box {
        text-indent: 20px;
        text-align: center;
    }

text-indent和text-align属性也不能同时存在，它们都可以控制文本的对齐方式。text-indent属性可以让文本前面产生一个缩进，其值为用于缩进的长度值；而text-align属性则可以控制文本的水平对齐方式，其值可以为left、center或right。

    .Box {
        transition: width 2s;
        animation: slide 2s infinite;
    }

transition和animation属性也不能同时存在，它们都可以实现动画效果。transition属性可以让元素在发生变化时产生过渡效果，其值为一个属性名称和一个持续时间；而animation属性则可以产生复杂的动画效果，其值可以包括动画名称、持续时间、延迟时间、动画类型和重复次数等。

以上就是CSS3中不能同时存在的属性，需要注意在使用这些属性时，需要按照属性的特点选择其中一个进行设置，否则会出现意料之外的效果。