Hover

Hey Guys, iam new too this world,
I read a lot and i think iam not that bad
but i need your help cause i get stucked in my brain right now

i got a few Icons which needs to Hover / change background colour when Mouseover

until now my css looks like this

Quote:

---

#container .iconbox a {
margin-bottom:13px;
display:block;
text-transform:uppercase;
color:#0e0e0e;
font-size:11px;
text-align:center;
}
#container .iconbox .image_container {
display:block;
width:110px;
height:110px;
margin:35px auto;
border:10px solid #ededed;
background-color:#ededed;
line-height:1;
color:#3e3e3e;
text-align:center;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

---

now i want to make a change of background colour to #f5b017 when mouse go over the icons but my brain smokes.....
some can help me out of this ?
thx
Sven

Hi,

there's a :hover selector that should do the trick: http://www.w3schools.com/cssref/sel_hover.asp

hi sven,

this should be really simple.

Code:

---

.your-element {
  /*some code*/
}

.your-element:hover {
  /*some code on mouse over*/
}

---

I hope this is what you meant,

cheers
dimitri