设置一个div里的三个div对应的宽度，设置动画

xin_sleep

于 2021-10-21 14:41:49 发布

阅读量432

点赞数

文章标签：动画

本文链接：https://blog.youkuaiyun.com/xin_sleep/article/details/120886265

版权

#main {
  width: 350px;
  height: 100px;
  border: 1px solid #c3c3c3;
  display: flex;
}
#main div:nth-of-type(1) {flex-grow: 1;}
#main div:nth-of-type(2) {flex-grow:1 ;transition:flex-grow 5s linear}
#main div:nth-of-type(3) {flex-grow: 1;}
#main div:nth-of-type:hover{flex-grow:5}