#CSS #Pattern : Fancy #backgrounds with CSS #gradients
▻https://css-pattern.com
The biggest collection of background Patterns
Explore 144 CSS-only patterns made with CSS gradients and optimized with CSS variables.
You can also surprise yourself with a random CSS Pattern! ▻https://random.css-pattern.com
Toujours par l’auteur de ►https://css-tip.com dont on causait ici ►https://seenthis.net/messages/1001462
Il faut pas oublier la version animée : ▻https://animated.css-pattern.com
Ça pourrait servir à faire des fonds d’écran de connexion aussi :)
On pourrait possiblement aussi imaginer une saisie qui reprendrait tous les types et qui permettrait de les configurer, et ça donnerait une config à utiliser pour un thème ou un écran.
CSS Generators — Smashing Magazine
▻https://www.smashingmagazine.com/2021/03/css-generators
this week around we’ll be looking at useful #generators for everything #CSS: from #gradients to #drop-shadows and bezier curves to triangles and type scales. Just a few useful tools for your toolbelt, to keep close.
Ça faisait longtemps que j’avais pas vu un article intéressant passer sur smashing, quelques liens sympas :
▻https://brumm.af/shadows
▻https://9elements.com/blog/css-border-radius
▻https://codepen.io/yaphi1/pen/oNbEqGV
▻https://bennettfeely.com/clippy
▻https://animista.net
Une collection de css gradients, qui pourrait être interessante quand on a pas de visuel dans une cover, un encart, histoire de juste jouer avec un font et une typo …
Cool Background Gradients | Eggradients.com
▻http://www.eggradients.club
Fresh Background Gradients | WebGradients.com ?
▻https://webgradients.com
WebGradients is a free #collection of 180 linear #gradients that you can use as content backdrops in any part of your website. Easy copy #CSS3 crossbrowser code and use it in a moment! We’ve also prepared a .PNG version of each gradient.
cpt-city - an archive of #colour #gradients
▻http://soliton.vm.bytemark.co.uk/pub/cpt-city
For cartography, technical illustration and design. The archive supports several formats and is organised by author.
pour #GIMP #QGIS etc.
#cartographie #outils
voir aussi l’outil #colorbrewer ►http://colorbrewer2.org
►http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html
Use this demo to create SVG-based CSS #background-image #gradients. The #CSS markup works in browsers which support #SVG as a background-image including Internet Explorer 9, Chrome, Safari, and Opera.
Pfff, de la bidouille pour parvenir à afficher à partir de IE 9, c’est pas la joie…
Tu as essayé CSS imbriqués, qui te fabrique tout seul des fonds dégradés multi-navigateurs qui s’affichent même à partir de IE 6, avec une pseudo-syntaxe telle que :
►http://www.paris-beyrouth.org/tutoriaux-spip/article/plugin-spip-pre-processeur-de-css
@arno je bosse sur du SVG, là, ce n’est pas pour des CSS destinées à du HTML. ;-)
Je connais ton plugin CSS Imbriquées, oui, mais on bosse avec LESS voire SASS/Compass chez nous.