Creador de CSS3.0: obtenga el código CSS para borde, efectos de sombra de caja y más

Hemos revisado un par de generadores de código CSS antes, como Layer Styles y ThemeShock CSS Drop Shadow Generator . Ambos son excelentes pero limitados ya que generan código para un solo efecto. CSS3.0 Maker es un generador de código CSS automático que genera código para bordes, sombras de texto, sombras de cuadros, efectos de contorno y sesgar, escalar o rotar un elemento. Puede trabajar en múltiples archivos CSS (diferentes estilos en cada archivo) creando diferentes archivos. El código se descarga como un archivo HTML y se agrega CSS como una hoja interna. El servicio le dice en qué versión de Chrome, Firefox, Internet Explorer, Safari y Opera se renderizarán los efectos y qué dispositivos móviles lo admitirán.

Para crear varios archivos, se le pedirá que se registre para obtener una cuenta gratuita. De lo contrario, el servicio se puede usar sin crear uno. Por extraño que parezca, el sitio le permite agregar más efectos cuando no está conectado. Los efectos adicionales que están disponibles (cuando está desconectado) son los efectos de Gradiente, Animación y Transición. Cuando se usa como usuario no registrado, el sitio no le permite agregar múltiples efectos. Si elige usar el servicio sin registrarse para obtener una cuenta, verá una barra horizontal justo debajo del encabezado del sitio que le permite seleccionar diferentes efectos.

Si desea agregar múltiples efectos, regístrese para obtener una cuenta gratuita y cree un archivo. Puede crear un archivo haciendo clic en Nuevo archivo en la página de inicio o yendo a Mis archivos . Introduzca un nombre para su archivo. Seleccione Editar y todos los cambios que realice se guardarán en este archivo. Vaya a la pestaña Inicio para comenzar a editar efectos.

Para moverse entre diferentes efectos, use el menú desplegable en la pestaña Inicio . Para cambiar el color del elemento y ajustar su opacidad, ve al efecto RGBA. Para agregar un borde o cambiar los estilos de borde, vaya a Radio del borde. Los efectos Sombra de texto y Sombra de cuadro crean un efecto de sombra detrás del elemento o el texto. Puede sesgarlo y escalarlo desde el efecto Transformar CSS y desplazar el borde del elemento desde el efecto Desplazamiento de contorno .

Una vez que haya realizado todos los cambios y aplicado los efectos que necesita, haga clic en Guardar y luego en Descargar para descargar el archivo. Realice los cambios necesarios y tendrá su CSS listo para funcionar. El servicio es excelente si desea experimentar con el diseño o si solo necesita experimentar con una gran cantidad de efectos CSS para un proyecto en particular.

Visite el creador de CSS3.0