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