Here's how to add a static tiled snow effect as the background to any Divi section, row or module. Like this:
In the bleak midwinter, frosty wind made moan,
Earth stood hard as iron, water like a stone;
Snow had fallen, snow on snow, snow on snow,
In the bleak midwinter, long ago.
To achieve this, first add the following CSS code to your site:
1 .snowflake-background { 2 background-image: 3 radial-gradient(circle, #e6e6e6 1px, transparent 1px), 4 radial-gradient(circle, #e6e6e6 2px, transparent 2px), 5 radial-gradient(circle, #dddddd 4px, transparent 4px), 6 radial-gradient(circle, #dddddd 6px, transparent 6px), 7 radial-gradient(circle, #cccccc 8px, transparent 8px), 8 radial-gradient(circle, #cccccc 10px, transparent 10px), 9 radial-gradient(circle, #bbbbbb 14px, transparent 14px); 10 background-size: 11 91px 91px, 12 107px 87px, 13 69px 109px, 14 88px 72px, 15 111px 123px, 16 134px 97px, 17 157px 145px; 18 background-position: 19 0 0, 20 93px 17px, 21 37px 93px, 22 86px 68px, 23 51px 59px, 24 129px 116px, 25 105px 34px; 26 background-repeat: repeat; 27 }
Related Post: Adding CSS to the Divi Theme
Now, on any section, row or module that you want to add falling snow to, just give it a CSS Class of "snowflake-background", like so:
0 Comments