有可以继续优化的地方吗

<style>

        .b2{

            background-image: url(images/duck.png);

            width: 300px;

            height: 240px;

            overflow: hidden;

            position: relative;

        }

        .b2 p{

            width: 300px;

            height: 40px;

            font-size: 20px;

            line-height: 40px;

            text-align: center;

            background-color: rgba(0,0,0,.3);

            color: whitesmoke;

            position: absolute;

            bottom: -40px;

            transition: bottom .2s linear 0s;

        }

        .b2:hover p{

            bottom: 0;

        }

    </style>

    <div class="b2"><p>这是一只小黄鸭</p></div>