search

SzabiSch / bootcamp-schedule

0 stars 0 forks source link

HTML&CSS Kata: Hover Cursor #45

Open codingbootcampseu opened 3 years ago

codingbootcampseu commented 3 years ago

Use HTML & CSS to create a hover cursor like this.

hover-cursor

Hints

Use one primary element that contains the circle and the arrow elements.

<div class="cursor-hover">
  <div class="left-cusor">...</div>
  <div class="top-cusor">...</div>
  <div class="right-cusor">...</div>
  <div class="bottom-cusor">...</div>
  <div class="circle"></div>
</div>

The nesting and order of elements is key to solve this kata because you will need the adjacent sibling combinator.