Hi everyone and sorry for my english, the title doesn't seem quite obvious. Here is what i'm trying to do. I have a navigation as following:
- <?php echo __("accueil"); ?>
- <?php echo __("biographie"); ?>
- <?php echo __("agenda"); ?>
- <?php echo __("archives"); ?>
- <?php echo __("programmes"); ?>
I want that the hover append an arrow on the left of each navigation link. This is my css so far:
color: #747474; font-size: 16px; text-transform: capitalize;
content: '> ';
This code is working, however I tried to add a transition to this arrow apparition to make it look smoother instead of appearing in a brutal manner. Unfortunately I failed and I cannot figure if this is even possible. There have other ways but since i'm facing this problem i would like to extend my knowledge and understand how to make this work.
Thank you all in advance for your help!