ドットインストール - 3分動画でマスターできるプログラミング学習サービス

styles.css

body{
    padding: 64px;
}
.box{
    width: 100px;
    height: 100px;
    background-color: orange;

    /* transition-property: transform, background; */
    transition-duration: 1s;
}

.box:hover{

       transform: translateX(30px);
       background: skyblue;

}