Backgrounds
Full-bleed backdrops for heroes and sections — WebGL shaders, gradients, dithered and halftone textures, noise and glass. Most run in real time and react to the cursor.
Full-bleed backdrops for heroes and sections — WebGL shaders, gradients, dithered and halftone textures, noise and glass. Most run in real time and react to the cursor.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><defs ><linearGradient id="cTLl7wmzx-3403024240-linear-gradient" x1="0.22157875939407773" x2="0.7784212406059223" y1="5.551115123125783e-17" y2="1"><stop offset="0" stop-color="rgb(249, 252, 43)"/><stop offset="1" stop-color="rgb(140, 138, 32)"/></linearGradient></defs><path d="M 4.235 1.033 C 4.805 0.376 5.631 -0.001 6.5 0 C 7.405 0 8.215 0.4 8.765 1.033 C 9.632 0.971 10.483 1.289 11.097 1.904 C 11.712 2.518 12.03 3.369 11.968 4.235 C 12.624 4.805 13.001 5.631 13 6.5 C 13.001 7.369 12.624 8.195 11.967 8.765 C 12.029 9.631 11.711 10.482 11.096 11.096 C 10.482 11.711 9.631 12.029 8.765 11.967 C 8.195 12.624 7.369 13.001 6.5 13 C 5.631 13.001 4.805 12.624 4.235 11.967 C 3.368 12.029 2.517 11.712 1.903 11.097 C 1.288 10.483 0.97 9.632 1.032 8.765 C 0.376 8.195 -0.001 7.369 0 6.5 C 0 5.595 0.4 4.785 1.033 4.235 C 0.971 3.369 1.289 2.518 1.904 1.904 C 2.518 1.289 3.369 0.971 4.235 1.033 Z M 8.907 5.291 C 9.016 5.146 9.037 4.953 8.964 4.787 C 8.89 4.621 8.732 4.509 8.551 4.493 C 8.371 4.476 8.195 4.559 8.093 4.709 L 5.936 7.729 L 4.853 6.647 C 4.656 6.463 4.349 6.469 4.159 6.659 C 3.969 6.849 3.963 7.156 4.147 7.353 L 5.647 8.853 C 5.751 8.957 5.895 9.01 6.041 8.998 C 6.188 8.986 6.321 8.91 6.407 8.791 Z" fill="url(%23cTLl7wmzx-3403024240-linear-gradient)" height="12.999998788144415px" id="cTLl7wmzx" transform="translate(1.5 1.5)" width="13px"/></svg>)
