CSS es todo lo que rige la forma en que su página web o aplicaciónaparecerá para el usuario final, pero escribir la hoja básica puede llevar un tiempo. Probablemente sea por eso que encontrará muchos generadores de código CSS automáticos que le permiten agregar efectos, crear objetos o gradientes simples. CSS Gradient Editor es una aplicación gratuita para Mac que te permite crear degradadosantecedentes. La aplicación le proporciona una GUI simple, que le permite seleccionar cualquier color para el degradado, agregar hasta cinco paradas y seleccionar dónde se ubica cada parada. El gradiente puede ser vertical u horizontal, y la aplicación te permite crear ajustes preestablecidos y genera código CSS compatible con Chrome, Firefox, Safari, Internet Explorer 10, Opera, todos coincidentes con el estándar W3C. Puede ingresar colores como códigos RGB, HSL y Hex.
La aplicación se carga con un degradado simple de dos tonos. Tiene una sola ventana dividida en cuatro secciones, donde las dos secciones de la derecha muestran el código y previsualizan el gradiente a medida que lo crea. Las secciones a la izquierda le permiten agregar presets y crear o editar un degradado.
Trabajarás principalmente con la esquina inferior izquierdasección. Según el tipo de degradado que desee crear, haga clic en el botón Eje X (para un degradado vertical) o Eje Y (para un degradado horizontal). Haga clic en el cuadro de color para Color superior y elija qué color aparecerá en la parte superior o en el lado más a la izquierda del degradado. Para agregar una parada adicional, verifique el Detener cuadro justo debajo Color superior, elija un punto donde comenzará el segundo color moviendo el control deslizante delante de él. Haga lo mismo para agregar paradas adicionales. Luego, seleccione el Color de fondo. Los efectos se previsualizarán y el código se actualizará a medida que realice los cambios.
Si desea guardar un gradiente que ha creado, haga clic en el Guardar preajuste botón y el gradiente se guardará. El código se puede copiar y usar en su hoja CSS sin necesidad de modificaciones.
Obtenga CSS Gradient Editor de Mac App Store
Comentarios