【后端学前端】第四天 css动画 垂直轮播效果(css变量、位移缩放动画、动画延迟)

1、学习信息

视频地址:css动画 垂直轮播效果(css变量、位移缩放动画、动画延迟)_哔哩哔哩_bilibili

【后端学前端】第四天 css动画 垂直轮播效果(css变量、位移缩放动画、动画延迟)_第1张图片

2、源码

 




    
    Title
    
    
    


王婉儿(Anna)

寻找真爱的微笑使者。

关注
王婉儿(Anna)

寻找真爱的微笑使者。

关注
王婉儿(Anna)

寻找真爱的微笑使者。

关注
王婉儿(Anna)

寻找真爱的微笑使者。

关注
王婉儿(Anna)

寻找真爱的微笑使者。

关注

3、 块级元素和行级元素

常用的内联元素有:

...

      、、
      (块引用)、

      常用的内联元素有:


      设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点。

      a{display:block;}

      块级元素特点:

      1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。

      2、元素的高度、宽度、行高以及顶和底边距都可设置。

      3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。

      块状元素也可以通过代码display:inline将元素设置为内联元素。如下代码就是将块状元素div转换为内联元素,从而使div元素具有内联元素特点。

      行内元素会在一条直线上排列(默认宽度只与内容有关),都是同一行的,水平方向排列

      块级元素各占据一行(默认宽度是它本身父容器的100%(和父元素的宽度一致),与内容无关),垂直方向排列。块级元素从新行开始,结束接着一个断行。

      4、关于过度

      CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。

      要实现这一点,必须规定两项内容:

      • 指定要添加效果的CSS属性
      • 指定效果的持续时间。

      属性变化放在 常规状态会有来回的感觉

       

      你可能感兴趣的:(前端学习,前端,css)