Giters

teotimepacreau / Card-Hover-Reveal-Day12-Of-100DaysOfCode

Card Hover Reveal built with HTML, CSS

Home Page:https://teotimepacreau.github.io/Card-Hover-Reveal-Day12-Of-100DaysOfCode/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

artartistbaroquecubic-bezierflexboxneoclassicismpaintingsqueenfigurativehover-revealpaulusmoreelsetransform-scale

Card Hover Reveal

Card-Hover-Reveal-demo

Project goals

  • div overlay up to 100% on hover with transition cubic-bezier
  • transform: scale() in order to create the zoom effect on paintings
  • z-index in order to put lettering above everything
  • flexbox to have 4 equals item

🛠️

CSS, HTML

About

Card Hover Reveal built with HTML, CSS

https://teotimepacreau.github.io/Card-Hover-Reveal-Day12-Of-100DaysOfCode/

artartistbaroquecubic-bezierflexboxneoclassicismpaintingsqueenfigurativehover-revealpaulusmoreelsetransform-scale

Languages

Language:CSS 61.6%Language:HTML 38.4%