红河vi设计的核心价值在于为企业打造独特的品牌,红河vi设计可以给企业带来良好的社会声誉和经济效益。
注:本文“红河vi设计”配图为本公司设计作品
每个人都喜欢运动。在网站设计中加入第四维(时间)是基于屏幕的设计从印刷设计中脱颖而出的主要方式100 . CSS转场是一种简单的方法,可以让你在网页设计中丰富某些事件,而不需要闪光或JavaScript .
万维网路联盟(World Wide Web Consortium简称W3C)在其网站上恰当地将转换描述为“CSS转换允许半铸钢钢性铸铁(Cast Semi-Steel)值的属性变化在指定的持续时间内平稳地发生"。换句话说,CSS过渡允许我们逐渐修改属性,创造一种运动的感觉,给设计注入微妙和情感,这是快速变化所不可能的。
浏览器支持
所有现代浏览器(是的,甚至是IE!)现在支持半铸钢钢性铸铁(Cast Semi-Steel)转场。然而,重要的是,如果正在使用的浏览器不支持过渡,过渡将被忽略,属性更改将立即应用。这种优雅的降级是最佳实践的基石。
为了扩展浏览器支持的范围,我们可以使用供应商前缀,这将扩展该功能,以包括火狐415、Opera 10.512以及大多数版本的铬和野生动物园.包括供应商前缀选项的代码如下所示:
部门{
-o-转换:全1s轻松
-moz-过渡:全1s轻松
-WebKit-过渡:全1s轻松
转场:全1s轻松;
}
无前缀属性被添加到堆栈的底部,以确保当属性从草稿状态转移到完成状态时,最终实现将胜过所有其他实现。
过渡参数
半铸钢钢性铸铁(Cast Semi-Steel)过渡有四个参数:
过渡属性:要补间的属性,或应用于所有属性的关键字“全部”.
过渡持续时间:过渡的持续时间;
过渡-计时-功能:要应用的缓动,这会创建看起来更自然的运动
过渡延迟:指定过渡开始的延迟时间。
此外,您还可以使用速记属性(如上例所示),其中的参数被指定为属性、持续时间、计时功能、延迟。
可以转换的属性
您只能转换可以转换为数学值的属性。例如,你可以转换字体大小;您不能过渡字体。
当前可以转换的属性的完整列表如下:
背景位置、边框底部颜色、边框底部宽度、边框左侧颜色、边框左侧宽度、边框右侧颜色、边框右侧宽度、边框间距、边框顶部颜色、边框顶部宽度、底部、剪辑、颜色、字体大小、字体粗细、高度、左侧、字母间距、底部边距、左侧边距、右侧边距、顶部边距、最大高度、最大宽度、最小高度、最小宽度、不透明度、轮廓颜色、轮廓宽度、底部填充、填充
使用转场
转换声明附加到元素的正常状态。因此,只为几个状态声明一次,例如:焦点,活动和假的类。
使用下面的代码,我们可以建立一个基本的菜单和一个文本图表。它的样式是,当鼠标滑过时,菜单项改变它们的颜色和背景色,当鼠标悬停在内联链接上时,它的下划线颜色从白色变为绿色:
!文档类型超文本标记语言
html lang='en ' <
注:本文“红河vi设计”配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐