Divide html list in two

For my job I needed to split a html list in two. The tricky part was that the list contained links with borders. To create a solution I used jQuery and CSS. See the result below.

Having questions about this technique? Share this post and tag me!


About

Marco van Zomeren is a designer on a audio visual journey. Currently working full time at a company with several subsidiaries in the financial sector. Besides his day job he spends most of his spare time on producing electronic music. More...

Related

Safari border-radius + overflow: hidden + hover fix

Recently I added a corner radius to the thumbnails of my blog posts. Unfortunately this border-radius disappeared on the :hover state. After a while I stumbled on this solution. Today…

Read more

CSS Line Arrow

Today I wanted to change the ascii arrow for a css version. While searching the web, I stumbled upon a Codepen with something similar. I tweaked it to fit my…

Read more

Fade in element on scroll in viewport

For this effect I tried out different scripts and css files. In the end I currently use the script below and these css classes with css transitions. As you can…

Read more