Text to appear when scrolling

Site URL: https://www.cronancreagh.com/portfolio

Hey I have three pieces fixed text on the right of my webpage. 

I am looking to have it fade in when the user starts scrolling, rather than have it appear straight away.

On 4/4/2021 at 5:07 AM, bangank36 said:

Add this to custom css, it takes advantage of shrink class on header when user start scrolling

#block-yui_3_17_2_1_1616356562141_81942,
#block-yui_3_17_2_1_1616225316147_17455,
#block-yui_3_17_2_1_1616356562141_83066 {
  opacity: 0;
  transition: opacity 0.75s;
}
.shrink + #page #block-yui_3_17_2_1_1616356562141_81942,
.shrink + #page #block-yui_3_17_2_1_1616225316147_17455,
.shrink + #page #block-yui_3_17_2_1_1616356562141_83066 {
  opacity: 1;
}

 

Worked beautifully thank you!