Home/ Questions/Q 8581449
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T21:03:11+00:00

I was wondering if link hover style as in the image is possible using

  • 0

I was wondering if link hover style as in the image is possible using pure css or we need to use background images, js or jquery etc. to achieve this!

enter image description here

Any examples would be highly appreciated 🙂
Thanks,

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Best way (if you, for example, need to support Internet Explorer or want a custom arrow) is to use a background at 50% 100%

    HTML:

    <ul>
<li><a href="#">Link</a></li>
<li><a href="#">Another link</a></li>
</ul>

    ​
    CSS:

    li { float: left; padding-bottom: 16px; }
li:hover { background: 50% 100% no-repeat url(http://www.staypoland.com/images/arrow-city-up.gif); }
a { float: left; }
a:hover { background: blue; }​

    http://fiddle.jshell.net/Mcz3P/

    • 0