NOCODE HAVEN
navigation

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
notion image
 

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
notion image
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>
 

LIKED THE CONTENT?

Untitled (13).png
SMOOTHIE

BUY ME A SMOOTHY 😁

 
 
 
GO BACK

Get a personal website in minutes.

notion image
No coding or design skills required.
 
badge