CSS background patterns

#1 · May 1, 2020, 1:35 pm

Nice predesigned CSS patterns you can apply as a CSS class to any VisualNEO Web Container or object:

https://leaverou.github.io/css3patterns

CSS background patterns VisualNEO Web

Vadim has reacted to this post.

#2 · May 1, 2020, 7:25 pm

Thank you luishp for sharing this awesome css.

I think VisualNEO Web is so much flexible, we have a huge of best material in the background of web.

Best gradient: https://uigradients.com/#Mojito

Color palettes: https://colorhunt.co/

Vadim has reacted to this post.

#3 · May 1, 2020, 11:02 pm

Perdona @luishp. ¿Dónde se introduce ese código?

Gracias

#4 · May 2, 2020, 10:29 am

@rrey simplemente copias el código y lo pegas en una clase CSS (CSS class). Mira este video, a partir del minuto 1:00:

https://www.youtube.com/watch?v=ygI8p-u_mtg&t=100s

Te adjunto de todos modos un ejemplo por si acaso.
Saludos!

Uploaded files:

You need to login to have access to uploads.

#5 · May 2, 2020, 10:31 am

@asmat thank you for the links!
We should have some kind of "links collection" database...

asmat has reacted to this post.

#6 · May 2, 2020, 11:29 am

Mil gracias @luishp

#7 · May 2, 2020, 12:01 pm

Perdona @luishp pero probando de crear un container nuevo en el mismo ejemplo que me has enviado, y aplicando un estilo nuevo no funciona. Pero lo más curioso es que el nuevo estilo funciona el los demás contaiers y los estilos de los otros containers funciona en el nuevo container. Hay algo qie se me escapa. Mirando el vídeo con detenimiento creo que los estoy haciendo bien.

Adjunto eejemplo

Uploaded files:

You need to login to have access to uploads.

#8 · May 2, 2020, 12:25 pm

@rrey, simplemente elimina el background-color (déjalo vacío o desmárcalo en el panel de propiedades). Al ser por defecto blanco tapa tu estilo y por eso no lo puedes ver.

#9 · May 2, 2020, 9:46 pm

Muchas gracias de nuevo.

CSS background patterns - Forum

CSS background patterns