新的起步,新的方向

       从16年3月步入社会到现在6月份,慢慢的找到了自己真正想做的,今天学习css3发现很多语法或者书写格式都改变了,同时也学到些新的标记,每天进步一小步,慢慢的积累下去,不断学习,不断努力中,不轻言放弃。

比如:

以前的写法:女;

现在的写法:女;

还学习到了很多新的标记。比如:-引用文本,border-radius-设置圆角,

background:linear-gradient-渐变       比如:background:linear-gradient(45deg,red,yellow,blue);设置红黄蓝三种颜色从45度开始渐变。

2D转换

        比如可以用:  transform:rotate(30deg);旋转30度

动画:动画是使元素从一种样式逐渐变化为另一种样式的效果。

      animation:mx 5s linear infinite;   (animation:动画名称,时间,渐变方式,播放方式)

           //关键词 “from” 和 “to”,等同于 0% 和 100%。

          //0% 是动画的开始显示为橙色,100% 是动画的完成显示为红色。

 第1种方式: @keyframes mx{

    from{background:orange;}

        to{background:red;}

    }

  第2种方式:当动画为 25% 及 50% 时改变背景色,然后当动画 100% 完成时再次改变:

 @keyframes mx{0%   {background: red;}25%  {background: yellow;}50%  {background: blue;}100% {background: green;}}
等等。。。。。。。。。

登录后复制

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3119267.html

(0)
上一篇 2025年3月29日 14:28:44
下一篇 2025年3月29日 14:28:48

AD推荐 黄金广告位招租... 更多推荐

发表回复

登录后才能评论