悬浮盒子

记：今天学习响应式布局，发现了有个有趣的东西

整个盒子悬浮起来了

查到了关键代码

阴影

  .col-md-3:hover {
  
   /* box-shadow: 水平位置 垂直位置 模糊距离 阴影尺寸(影子大小) 内外阴影inset，默认外阴影 */
  
                box-shadow: 0px 10px 30px rgba(85, 153, 199, 0.4);
                //上浮的代码，padding-top也可以但是是向下
                margin-top: 90px;
            }
                   

过渡

            transition: all .3s ease;

transition: property duration timing-function delay 

transition属性是个复合属性，她包括以下几个子属性：

• transition-property ：规定设置过渡效果的css属性名称
• transition-duration ：规定完成过渡效果需要多少秒或毫秒
• transition-timing-function ：指定过渡函数，规定速度效果的速度曲线
• transition-delay ：指定开始出现的延迟时间

默认值分别为：all 0 ease 0

详见大神帖子： www.cnblogs.com/afighter/p/…