[css] Can I animate absolute positioned element with CSS transition?

.test {
    position:absolute;
    background:blue;
    width:200px;
    height:200px;
    top:40px;
    transition:left 1s linear;
    left: 0;
}

Examples related to css

• need to add a class to an element • Using Lato fonts in my css (@font-face) • Please help me convert this script to a simple image slider • Why there is this "clear" class before footer? • How to set width of mat-table column in angular? • Center content vertically on Vuetify • bootstrap 4 file input doesn't show the file name • Bootstrap 4: responsive sidebar menu to top navbar • Stylesheet not loaded because of MIME-type • Force flex item to span full row width

Examples related to css-transitions

• How to window.scrollTo() with a smooth effect • CSS how to make an element fade in and then fade out? • CSS transition with visibility not working • Can I animate absolute positioned element with CSS transition? • Spin or rotate an image on hover • CSS3 transition doesn't work with display property • CSS3 transition on click using pure CSS • CSS Transition doesn't work with top, bottom, left, right • Pure CSS scroll animation • CSS 3 slide-in from left transition