Timonwa/techroadmap

[FEATURE] Add transition animation to all hover effects on the website.

Timonwa opened this issue · 11 comments

Timonwa commented

Is your feature request related to a problem? Please describe.
When you hover over any of the links on the website, there is no transition from one colour to the other.

Describe the solution you'd like
I would like for them to have a nice transition from one colour to another when a user hovers over any of the links.

Links by categories:

  • the Nav links
  • the links in the Footer
  • the links in the Open Source Section found on all the pages
  • the cards in the Careers in Tech Section found on the home and careers page
  • the resource links found in all the sections
  • the pink links in the paragraphs

Example:

a {
  color: white;
  transition: color 500ms ease-in-out;
  }

a:hover {
  color: grey;
  }

Find links to resources on CSS animations here: https://www.techroadmap.xyz/careers/frontend#css-advanced

abitsalihu commented

I would like to work on this assignment.

Timonwa commented

Hi @abitsalihu, thank you for wanting to take up this issue. You can go ahead with it.
If you haven't star our repo yet, please do. A ⭐ makes us happy.

abitsalihu commented

@Timonwa please assign this issue to someone else as I will not be able to work on this, I stared the repo as well. :)

Timonwa commented

ok. no problem. and thank you. 😄

  • 👍1
Ejiro-David commented

I'd like to have a go at this, can I go ahead?

Timonwa commented

Hi Ejiro, You can go ahead with it.

github-actions commented

This issue is stale because it has been open 20 days with no activity. Remove stale label or comment or this will be closed in 20 days.

Tejas021 commented

can i work on it
assign it to me please

Timonwa commented

yes you can @Tejas021

Roxie2003 commented

Can you please add hacktobertfest-accepted label.... A commit has been pushed from my pr #88

Timonwa commented

I have added it to the pull request. But there is a change you need to make before I merge it.