- - CSS3.0 Maker - Obtenga código CSS para borde, efectos de sombra de cuadro y más

CSS3.0 Maker: obtenga código CSS para bordes, efectos de sombra de cuadro y más

Hemos revisado un par de generadores de código CSS antes, como estilos de capa y el generador de sombras paralelas ThemeShock CSS. 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 generacódigo para borde, sombra de texto, sombra de cuadro, 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 CSS se agrega como una hoja interna. El servicio le indica en qué versión de Chrome, Firefox, Internet Explorer, Safari y Opera se mostrarán los efectos y qué dispositivos móviles lo admitirán.

Para crear varios archivos, deberáRegístrese 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á cerrado) son los efectos de Gradiente, Animación y Transición. Cuando se utiliza 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.

CSS3.0 Maker

Si desea agregar múltiples efectos, regístrese para obtener una cuenta gratuita y cree un archivo. Puede crear un archivo haciendo clic Archivo nuevo en la página de inicio o yendo a Mis archivos. Ingrese un nombre para su archivo. Seleccionar Editar y todos los cambios que realice se guardan en este archivo. Ve a la Casa pestaña para comenzar a editar efectos.

Archivo CSS3.0

Para moverse entre diferentes efectos, use el menú desplegable Casa lengüeta. Para cambiar el color del elemento y ajustar su opacidad, vaya al efecto RGBA. Para agregar un borde o cambiar estilos de borde, vaya a Radio de frontera. los Sombra de texto y Sombra de la caja Los efectos crean un efecto de sombra detrás del elemento o el texto. Puedes sesgarlo y escalarlo desde Transformación CSS efectuar y compensar el borde del elemento desde el Compensación de esquema efecto.

Box Shadow CSS 3

Una vez que haya realizado todos los cambios y aplicado los efectos que necesita, haga clic en Salvar y entonces Descargar, para descargar el archivo. Realice los cambios necesarios y tendrá listo su CSS. 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.

Prueba de generador de CSS 3.0

Visite CSS3.0 Maker

Comentarios