Toutes les ressources premium et membres pour 8,99 €/mois, en abonnement sans engagement. Voir les offres

PalateKit

Menu

Demander une ressource

Décrivez en une phrase la ressource qui vous manque. Nous vous écrirons quand elle sera publiée.

0 / 280

Débloquer PalateKit

Tout débloquer

Offre

Le paiement vaut acceptation de nos conditions générales de vente.

Paiement sécurisé par Stripe. Reçus et factures envoyés par e-mail.

Content de vous revoir

Connectez-vous pour installer, télécharger ou sauvegarder cette ressource. Un compte gratuit suffit pour les ressources gratuites.

Fondus de bord avec masque CSS v1.0.0

Utilisez cette ressource pour ajouter des fondus de bord avec mask-image et des dégradés linéaires

Nouveau

  • 438 téléchargements
  • 184 mentions J'aime
  • 164 sauvegardes

Gratuit

Installer avec la CLI

Dans un terminal, depuis le dossier voulu :

npx --yes palatekit@latest install css-edge-fade-masks

Sans option, la skill va dans ~/.agents/skills/ ; ajoutez --agent claude-code (ou codex, cursor…) pour viser un agent.

Première fois : connectez la CLI avec

npx --yes palatekit@latest login

L'agent écrit le CSS d'un masque alpha qui estompe un bord horizontal ou vertical, en incluant mask-image et -webkit-mask-image pour Safari. Il ajuste les positions d'arrêt et les couleurs selon le besoin. Vous obtenez un extrait à appliquer directement sur l'élément.

Choisie surtout par

Mise à jour le 2 novembre 2026

Carte de la skill « Fondus de bord avec masque CSS »

Caractéristiques

Guides d'installation
Génère avec
Le modèle de votre agent
Licence
MIT

Ressources similaires

Tout voir

Ce que vous obtenez

    Pour qui

    • Un carrousel ou une liste coupe brutalement ses bords
    • Vous voulez un fondu sans ajouter d'élément superposé

    Pas pour qui

      Étiquettes

      • css
      • masque
      • dégradé
      • fondu

      À propos

      Vous dites

      « Fais un fondu à droite sur ce carrousel de cartes, sur les 10 % de fin. »

      Carte de la skill « Fondus de bord avec masque CSS »

      Skill publiée par MengTo sous licence MIT. Fichiers livrés dans leur version d'origine, en anglais.

      Voir plus

      Comment l'utiliser

      1. Installez la skill dans le dossier de skills de votre agent
      2. Demandez à votre agent de ajouter des fondus de bord avec mask-image et des dégradés linéaires
      3. Relisez et ajustez le résultat

      Aperçu du contenu

      Fichiers

      • demo/index.html16,2 Ko
      • demo/preview.jpg47,7 Ko
      • demo/PROMPT.md1,9 Ko
      • LICENSE1,1 Ko
      • NOTICE-PALATEKIT.md0,5 Ko
      • SKILL.md1,8 Ko

      Origine et licence

      Référencée sans modification

      Auteur
      MengTo
      Source
      github.com/MengTo/Skills/tree/a45892d2fdadab75b31fb16abecc02f101b31c43/agent-skills/web-design/css-alpha-masking
      Licence
      MIT

      Notice

      « css-alpha-masking » (MengTo, MIT) livré dans sa version d'origine : fiche en français et en anglais par PalateKit.

      Avis des utilisateurs

      –

      Aucune note pour l'instant

      Chargement des avis…

      Supprimer votre avis ?

      Votre note et votre commentaire seront retirés de la fiche.