BeWithYou

BeWithYou est une agence de communication multimédia située à Arras, France. Spécialisé création de sites web, e-commerce, référencement, hébergement.

[BeWithYou @BeWithYouAgency]

Whisky the classic laddie BRUICHLADDICH : la bouteille de 70cL à Prix Carrefour https://t.co/wjBSz8zHM8

[jhey ʕ•ᴥ•ʔ @jh3yy]

CSS Trick! ⭐️

You can create this sparkly backdrop with a single element using mask-composite whilst animating the mask-position 😷

.canvas {
background: var(--gradient);
mask: var(--dots), var(--noise);
mask-composite: intersect /* source-in, xor */;
animation: flicker;
}
@​keyframes flicker {
to { mask-position: 50% 50% , 0 50%; }
}

The trick is to layer the masks and then use the intersect value on the mask-composite ✨

Intersect works as it would in SVG by combining the masks and taking their intersection.

The dots mask is a basic radial-gradient that is repeated across the element:

mask: radial-gradient(circle at 50% 50%, white 2px, transparent 2.5px) 50% 50% / 40px 40px;

The noise mask is a generated image of Perlin Noise (h/t to @JohnPhamous for finding the site for that). That becomes the second mask:

mask: url("noise.png") 50% 50% / 256px 256px;

Once they are intersected. The last piece is to animate the mask-position as shown above 👆

Have a play with the demo and see what you think!

@CodePen link below! 👇

[Google Search Central @googlesearchc]

What's new in structured data and Google Search rankings?

Check out the latest Google Search News with @JohnMu and discover the latest search updates 👉 https://t.co/VISAk9a2If

[BeWithYou @BeWithYouAgency]

@Freebox Également répondu Julie. A tout de suite

[Semrush @semrush]

Pillar blog posts are also known as pillar pages or cornerstone content. They are in-depth articles that thoroughly explore a central topic.
Here's how to write one 👇

https://t.co/Ko91AEmSI7.

[WordPress @WordPress]

#WordPress 6.0 releases next week. What features are you most excited to try out?

[BeWithYou @BeWithYouAgency]

Mes clients quand ils se rendent compte qu'il y a une une big faille de sécurité sur tous les hébergements #Apache (#log4j) et qu'ils sont sur #nginx !

[Woo @WooCommerce]

WooCommerce 6.0 Released https://t.co/sbmQEGSUZh

[Elegant Themes @elegantthemes]

How to Conduct an SEO Audit of your Website https://t.co/Uk16aobkNp

[BeWithYou @BeWithYouAgency]

@semrush_fr Les gens veulent toujours écrire en pensant referencement mais Google aime bien quand on ecrit nature aussi, bien sur avec un minimum de syntaxe

[BeWithYou @BeWithYouAgency]

The Ultimate Guide To Copywriting In 2020 https://t.co/gqm5rNuGfT #uncategorized #feedly

[BeWithYou @BeWithYouAgency]

How CSS Variables Can Improve Efficiency and Consistency https://t.co/LtXXuzltMI

[BeWithYou @BeWithYouAgency]

#GDPR Guide for Developers https://t.co/voiwsvWE4A

[BeWithYou @BeWithYouAgency]

@rahulitblog Hello @rahulitblog !

[BeWithYou @BeWithYouAgency]

Nouvelle réalisation par BeWithYou : création du #site vitrine de Sésame Orientation Conseil https://t.co/fapmfccITy
#webdesign #WordPress

[BeWithYou @BeWithYouAgency]

@BeWithYouAgency en direct sur le Webinar Optimisation #SEO et données structurées @semrush_fr, @jasonmbarnard : https://t.co/UUNS9jmVno

[BeWithYou @BeWithYouAgency]

Why you should stop using Google Analytics on your website | Plausible Analytics https://t.co/D9PeH3gUBx

[BeWithYou @BeWithYouAgency]

Découvrez 9 tendances #ux pour 2020 !
https://t.co/4rGWFquRI4
#uxdesign #Webdesign #GraphicDesign #UserExperience

[BeWithYou @BeWithYouAgency]

Un guide complet de la proriété calc() #CSS ! Merci à @css !
https://t.co/WuzfyxvO0J
#webdesign #webdev