Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have a menu system where when you click on a link, sub-headings will slide down beneath them. I have this fine, however I want to add an arrow, set as a background image to list items, that animatedly rotates 90 degrees when active. So, my question is as follows: How can I transform (rotate) a background image without rotating the whole list item?
Cheers,
BlackWraith
I don’t think you can just rotate the background-image by itself.
What you have to do is declare another
<span style="display:block;width:16px;height:16px; background:url(my_arrow.png);">element inside your<li>and then rotate the whole<span>.Usually people just use a single sprite and background-position to change the arrow from ► to ▼ in nested lists.