Add Hover Effect to Notion Gallery

The gist of adding functionality to a Notion-powered website is basically isolating (inspecting) the notion element of a notion page and editing the style of it using JavaScript injection (not a coder yet but this is how I understand it. Will update as my knowledge increases😊)

Check this baby out! I was able to use it for my main site which I run my IT-business from

How to add the feature

All you have to do is paste this code into your Popsy or other Notion site builder and you can have a hover effect.

Popsy custom code section

Code to paste


<style >

.notion-collection-card:hover{
    transition: transform .2s;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    background-color: transparent !important;
}

</style>

PREVIOUS ARTICLE | NEXT ARTICLE

LIKED THE CONTENT?

SMOOTHIE

BUY ME A SMOOTHY 😁

GO BACK

Get a personal website in minutes.

No coding or design skills required.

Buy me a smoothy 🥤


<style >

.notion-collection-card:hover{
    transition: transform .2s;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    background-color: transparent !important;
}

</style>