【CSS页面】超出隐藏 渐变隐藏

1、文本超出隐藏

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

2、渐变隐藏

关键字transition渐变，在2s内逐渐隐藏元素

     ul li {
        overflow: hidden;
        height: 50px;
        transition: height 2s;
    }