Article News Card UI Interaction CSS Only

tutoriel-carte-article-ui

DEMO

 

Hi everyone ! I developed an article news card only by using HTML and CSS, no JavaScript. This concept has been designed by @kwak_justin.

 

This card could be used for your articles, tickets, and others. It could be integrated in a responsive grid.

By hovering the card a short description about the content appears. It allows to users always get the visual, here an image, of the content and if he wish learn more before to click. That concept allows to have more space than display the visual and the description at the same time.

 

How to do it ? I made a tutorial here (French)

Follow me on Twitter: @louistiti_fr 😉

DEMO

 

Leave a Reply