How to set this transition to automatic? it run on hover

1

css:

@charset "utf-8";

/* Prevent visible highlighting of text */

::selection {
    background: transparent;
}

body {
    background-color: #008E8E;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    padding: 20px;
}

a {
  color: #fff;
  font-weight: bold;
}

#tile {
    width: 210px;
    height: 118px;
    background-color: #3896F6;
    background-image: url('http://www.webtechgadgetry.com/wp-content/uploads/2013/10/wow.png');
    background-repeat: no-repeat;
    border: 3px solid #008E8E;
    
    transition: background-position 2s;
    -moz-transition: background-position 2s; /* Firefox Support */
    -webkit-transition: background-position 2s; /* Chrome and Safari Support */
    -o-transition: background-position 2s; /* Opera Support */
}

#tile:hover{
    border-color: #219D9D;
    background-position: bottom;
}

#tileCaption {
    position: relative;
    top: 95px;
    left: 12px;
}
2

Transitions don’t run automatically. If you want it to run on hover, you should use a CSS animation instead :slight_smile:

3

okay thanks buddy
i sort it out using “wow slider amazing software”