Générateur de code CSS gratuit pour les filtres de style Instagram

Comment cool serait-il d'ajouter des filtres d'image sur votre site? Il y a quelques années, cela aurait exigé JavaScript, mais de nos jours, vous pouvez créer des filtres d'image personnalisés avec du bon vieux HTML et CSS.

Et avec la webapp de cssFilters, vous n'avez même pas besoin d'écrire du code CSS!

Cet outil gratuit vous aide à créer des filtres d'image personnalisés en utilisant des filtres CSS3. Vous pouvez trouver de nombreux guides qui couvrent la propriété du filtre CSS en détail. Mais avec cssFilters, vous n'aurez pas besoin de vous inquiéter de comment tout cela fonctionne, il vous suffit de personnaliser vos paramètres et de copier le code.

En haut de l'écran, vous remarquerez une longue barre pleine de filtres Instagram personnalisés. Ces filtres comprennent tous les choix populaires comme Hudson, Toaster, Inkwell, Lofi et bien d'autres.

Vous cliquez simplement sur le filtre que vous voulez, puis cliquez sur l'onglet "code CSS" dans le coin supérieur droit. De là, vous aurez le code HTML et CSS. Il suffit de copier / coller dans votre site Web et vous êtes prêt à partir.

Mais vous pouvez également personnaliser ces filtres avec les curseurs de paramètres. Sous l'onglet "générateur" vous pouvez modifier les paramètres comme la saturation et le contraste avec le flou, l'échelle de gris, sépia et même le style de superposition comme un dégradé linéaire ou gradient radial.

Chaque fois que vous déplacez un curseur, il met automatiquement à jour le code afin que vous n'ayez rien à enregistrer.

Et vous pouvez même échanger l'image par défaut en en téléchargeant une sur votre ordinateur ou en en choisissant une depuis Unsplash.

Cette application Web a été créée par Indrashish Ghosh et elle exécute la plupart des classes par défaut trouvées dans la bibliothèque CSSgram.

Mais les paramètres personnalisés vont bien au-delà des préréglages de base, et la génération de code libre en fait un outil pratique pour les codeurs et les non-codeurs. Nous avons déjà de nombreux générateurs CSS3 pour des propriétés telles que les dégradés de fond et les ombres de texte. Et maintenant, nous avons cssFilters comme premier générateur de filtre d'image CSS3.

15 plugins jQuery pour faire des éléments collants intelligents

Il est maintenant courant de voir certains éléments d'un site fixé à une position lorsque vous faites défiler le site vers le haut ou vers le bas, par exemple le menu de navigation, l'en-tête ou la barre latérale. Cela permet à l'élément d'être facilement disponible quelle que soit la position de l'utilisateur.Appelé un

(Conseils techniques et de conception)

5 meilleurs logiciels de cinéma maison et de centre de médias [Review]

Si vous avez hâte de transformer votre PC ou votre téléviseur grand écran en un système de cinéma maison ou un serveur de cinéma à bas prix, alors j'ai les meilleures applications de centre multimédia gratuites pour votre projet favori. Les logiciels de cinéma maison et de centre de médias permettent aux gens de stocker, diffuser, gérer et profiter des photos, de la musique et des vidéos avec les amis et la famille sur grand écran.Quelques-uns

(Conseils techniques et de conception)