HTML5——CSS3

    xiaoxiao2021-03-25  120

    CSS3介绍:CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在

              是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。

          这些模块包括:盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等。

        简而言之:升级了CSS,可以做更多的特效,很多细节不用再去依赖PS了。很多动画的实现也不用再去

              依赖JS或者JQuery了。

    CSS3新特性:通过animation属性指定@keyframe来完成关键帧动画;             @keyframe 用法:       @keyframe name{                0%{top:0;}                50%{top:10px;}                100%{top:0;}             }             单个帧中可填写多个属性,而且不需要保证一致,      注意:关键帧中有效的属性为可动画属性;如出现不可动画属性,会忽略该属性,不影响其余属性的动画,            某个关键帧如果重复定义,则取后定义的帧。            帧数范围0%-100%,不属于这个范围的则被忽略(关键帧定义可以不安顺序来,可以正确执行,

               但是可读性不太好)。

    3D翻转菜单:1.通过参照物来寻找动画执行的原理。             2.transform-style:preserve-3d;这个样式指定元素可以使用3D动画。             3.transform-origin,是指定旋转的中心点,做那个轴(XYZ)的旋转动画,我们就将对应轴的值             写成50%
    转载请注明原文地址: https://ju.6miu.com/read-14408.html

    最新回复(0)