CSS3.0 Maker - Obtenez le code CSS pour les effets de bordure, dombre de boîte et plus

Nous avons déjà examiné quelques générateurs de code CSS, tels que les styles de calque et le générateur d'ombres portées ThemeShock CSS . Les deux sont excellents mais limités puisqu'ils ne génèrent du code que pour un seul effet. CSS3.0 Maker est un générateur de code CSS automatique qui génère du code pour la bordure, l'ombre du texte, l'ombre de la boîte, les effets de contour et l'inclinaison, l'échelle ou la rotation d'un élément. Vous pouvez travailler sur plusieurs fichiers CSS (différents styles dans chaque fichier) en créant différents fichiers. Le code est téléchargé sous forme de fichier HTML et CSS est ajouté en tant que feuille interne. Le service vous indique dans quelle version de Chrome, Firefox, Internet Explorer, Safari et Opera les effets seront rendus et quels appareils mobiles le prendront en charge.

Pour créer plusieurs fichiers, vous devrez créer un compte gratuit. Le service peut autrement être utilisé sans en créer un. Curieusement, le site vous permet d'ajouter plus d'effets lorsque vous n'êtes pas connecté. Les effets supplémentaires disponibles (lorsque vous êtes déconnecté) sont les effets de dégradé, d'animation et de transition. Lorsqu'il est utilisé en tant qu'utilisateur non enregistré, le site ne vous permet pas d'ajouter plusieurs effets. Si vous choisissez d'utiliser le service sans créer de compte, vous verrez une barre horizontale juste en dessous de l'en-tête du site qui vous permet de sélectionner différents effets.

Si vous souhaitez ajouter plusieurs effets, créez un compte gratuit et créez un fichier. Vous pouvez créer un fichier en cliquant sur Nouveau fichier sur la page d'accueil ou en accédant à Mes fichiers . Entrez un nom pour votre fichier. Sélectionnez Modifier et toutes les modifications que vous apportez sont enregistrées dans ce fichier. Accédez à l' onglet Accueil pour commencer à modifier les effets.

Pour passer d'un effet à l'autre, utilisez le menu déroulant de l' onglet Accueil . Pour changer la couleur de l'élément et régler son opacité, rendez-vous dans l'effet RVBA. Pour ajouter une bordure ou modifier les styles de bordure, accédez à Rayon de la bordure. Les effets Text Shadow et Box Shadow créent un effet d'ombre portée derrière l'élément ou le texte. Vous pouvez l'incliner et le mettre à l'échelle à partir de l' effet CSS Transform et décaler la bordure de l'élément à partir de l' effet Outline Offset .

Une fois que vous avez effectué toutes les modifications et appliqué les effets dont vous avez besoin, cliquez sur Enregistrer puis sur Télécharger pour télécharger le fichier. Apportez les modifications nécessaires et vous avez votre CSS prêt à l'emploi. Le service est excellent si vous souhaitez expérimenter le design ou si vous avez juste besoin d'expérimenter une multitude d'effets CSS pour un projet particulier.

Visitez le créateur de CSS3.0


Comment changer la couleur de surbrillance dans Adobe Acrobat Reader DC

Comment changer la couleur de surbrillance dans Adobe Acrobat Reader DC

Vous avez besoin de mettre en valeur certains textes dans un fichier PDF ? Découvrez comment modifier la couleur de surbrillance dans Adobe Reader pour marquer le contenu intéressant.

Quest-ce quun favicon ? Le guide ultime pour les concepteurs de sites Web

Quest-ce quun favicon ? Le guide ultime pour les concepteurs de sites Web

Êtes-vous un propriétaire ou un concepteur de site qui souhaite augmenter la valeur de la marque ? Vous devez lire ce guide ultime sur ce qu'est un favicon pour commencer.

Comment utiliser lIA pour améliorer votre écriture

Comment utiliser lIA pour améliorer votre écriture

Nous vous montrons 5 façons principales d'utiliser ChatGPT pour améliorer vos propres compétences en écriture sans compromettre votre intégrité en tant qu'écrivain.

Que signifie RVB et comment ça marche

Que signifie RVB et comment ça marche

Si vous êtes un gamer de designer, vous tomberez souvent sur le mot RVB. Lisez ce blog pour savoir ce que RVB signifie.

Comment annuler lenvoi dun e-mail dans Gmail

Comment annuler lenvoi dun e-mail dans Gmail

Vous avez envoyé un e-mail par erreur sur Gmail et souhaitez le rappeler ? Vous devez apprendre à annuler l'envoi d'un e-mail dans Gmail en lisant cet article succinct.

Comment fonctionne Snap Score : savoir comment fonctionne la fonctionnalité

Comment fonctionne Snap Score : savoir comment fonctionne la fonctionnalité

Si vous êtes un utilisateur de Snapchat, vous devez connaître le snap score et sa méthode de travail. Sachez comment fonctionne le score instantané en lisant ce blog.

Tests UX basés sur lIA : avantages et bonnes pratiques

Tests UX basés sur lIA : avantages et bonnes pratiques

Êtes-vous un spécialiste UX et essayez-vous d'apprendre les avantages et les meilleures pratiques des tests UX basés sur l'IA ? Consultez cet article

Alternatives à Microsoft Office

Alternatives à Microsoft Office

Microsoft Office est l'une des combinaisons d'applications les plus populaires qui facilite sans aucun doute les utilisateurs dans toute la mesure du possible. Mais en raison de son prix élevé ou en raison de

Personnalisation de ChatGPT : comment affiner le modèle dIA pour des résultats personnalisés

Personnalisation de ChatGPT : comment affiner le modèle dIA pour des résultats personnalisés

Personnalisez ChatGPT, le modèle populaire d'intelligence artificielle générative, pour de meilleures réponses. Un guide étape par étape, des conseils et les meilleures pratiques inclus !

Comment supprimer un compte Instagram sur iPhone : méthode par étapes

Comment supprimer un compte Instagram sur iPhone : méthode par étapes

Voulez-vous savoir comment supprimer un compte Instagram sur iPhone ? Si oui, lisez ce blog pour la méthode rapide et facile de suppression d'Instagram.