* {
    padding:0;
    margin: 0;
    box-sizing: 0;
}

body {

    background-color: rgb(236, 194, 222);
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}
#triangle-right {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-left: 100px solid black;
border-bottom:50px solid transparent;
transition: all 0.5s ease-in;


}

#triangle-right.change-me {
    border-left: 100px solid grey;
   /* translate: 200px;*/
   transform: translateX(200px) translateY(400px) rotate(20deg) scale(2.5)
}