css动画效果随记

关于css的一些随笔：

 

盒内内容由上至下更换显现（超出隐藏后hover还原）

.tu_pian1{
    width: 134px;
    height: 134px;
    margin-bottom: 55px;
    margin: auto;
    position: relative;
    overflow: hidden;
}

.flash1{
    position: absolute;
    top: -134px;
    left: 0;
    transition: 1s;
.tu_pian1:hover .flash1{
    top: 0;

 

对某同一名字特定元素块修改

.picture li:nth-child(1){
    width: 570px;
    height: 430px;
    background-color: #000;
    float: left;
    margin: 0;
    position: relative;

nth-child(　　X　　)　　X为父级元素下对应的需修改元素序列