Tactic Links - Organic Traffic Booster - Home
Path: Home > List > Load (houdini.how)

 Home | About | List | Rankings | Search | Submit
domainhoudini.how
summary```css
/* houdini-static-gradient */
.demo {
--static-gradient-direction: to-top;
--static-gradient-color: #ff006e, #f7941d, #3cba88, #52acb1;
--static-gradient-size: 10%;
}
.demo {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
background-image: paint(

direction: var(--static-gradient-direction);
colors: var(--static-gradient-color) ;
size: var(--static-gradient-size);

);
}

/* houdini-alien */
.demo {
--alien-bg-color: #3a0c1c;
--alien-fg-color: #ffffff;
--alien-grid-size: 5px;
}
.demo {
display: flex;
align-items: center;
justify-content: center;
height: 200px;
background-image: paint(

bg-color: var(--alien-bg-color);
fg-color: var(--alien-fg-color);
grid-size: var(--alien-grid-size);

);
}

/* houdini-paint-flecks */
.demo {
--fleck-colors: #ff006e, #f7941d, #3cba88;
--fleck-density: 0.1;
--fleck-size-base: 2px;
--fleck-cell-size: 16px;
--fleck-seed: 1;
}
.demo {
display: flex;
align-items: center;
justify-content: center;
height: 200px;
background-image: paint(

colors: var(--fleck-colors);
density: var(--fleck-density);
size-base: var(--fleck-size-base);
cell-size: var(--fleck-cell-size);
seed: var(--fleck-seed);

);
}
```
titleHoudini.how
descriptionThe community-driven resource library of CSS Houdini worklets. Learn about CSS Houdini, its APIs, usage, polyfills, and browser status, to take advantage of the Houdini APIs today.
keywords
upstreams 11ty.rocks
downstreams
nslookupA 35.156.224.161, A 18.192.231.252
created2024-02-26
updated2024-10-22

HIGHSPOTS


tacticlinks.com


cluebit.com


bytemux.io


shuken.io


decoupled.ai


lhapsus.xyz


3e9.me

Copyright © 2024 Tactic Links - All rights reserved
A division of Alplax Technologies | Traffic Boost by Tactic Links
[took: 746 ms]