.
¿Tienes identificado el sistema que necesitas?
Selecciona una opción
Selecciona una opción
Describe brevemente lo que necesitas desarrollar:
Favor de llenar este campo
Favor de llenar este campo
Escribe aquí tu descripción
¿Para qué plataformas lo necesitas?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Qué requieres que contenga el software?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Qué sistema de notificaciones requieres?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Cuáles de las siguientes tecnologías deseas implementar?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Podrías especificar o describir la tecnología que requieres implementar?
Favor de llenar este campo
Favor de llenar este campo
Describe aquí la tecnología
¿Con qué clase o tipo de hardware necesita el software ser compatible?
Favor de llenar este campo
Favor de llenar este campo
Sensores, paneles, cámaras, etc.
¿A qué clase o tipo de sistema estás considerando integrar este software?
Favor de llenar este campo
Favor de llenar este campo
Describe aquí el sistema existente
Describe brevemente el problema que intentas solucionar:
Favor de llenar este campo
Favor de llenar este campo
Escribe aquí tu descripción
¿En qué área de tu empresa se encuentra el problema?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Qué otra área?
Favor de llenar este campo
Favor de llenar este campo
Escribe aquí el nombre de la área
¿Con quién nos dirigimos?
Favor de compartir mínimo 1 nombre y 1 apellido para saber a quién dirigirnos
Favor de llenar este campo
Favor de llenar este campo
Nombre
¿Cuál es tu correo electrónico?
Favor de escribir un correo electrónico valido
Favor de escribir un correo electrónico valido
Correo electrónico
¿Cómo te gustaría que te contactáramos?
Selecciona tu metodo de contacto preferido
Selecciona una
Selecciona una
¿Cuál es tu número de WhatsApp?
Favor de escribir un número de WhatsApp valido (10 dígitos)
Favor de escribir un número de WhatsApp valido (10 dígitos)
Número de WhatsApp
¿Cuál es tu número de teléfono?
Favor de escribir un número de teléfono valido (10 dígitos)
Favor de escribir un número de teléfono valido (10 dígitos)
Número de teléfono
.
Have you identified the type of system you need?
Selecciona una opción
Selecciona una opción
In just a few words, describe the type of system you're looking for
Please fill out this field
Please fill out this field
Describe the system you need, here.
On what types of platforms does it need to run?
Choose as many as you need
Choose at least one
Choose at least one
What does it need to do?
Choose as many as you need
Choose at least one
Choose at least one
What type of notification alerts do you need?
Choose as many as you need
Choose at least one
Choose at least one
Which technologies does it need to work with?
Choose as many as you need
Choose at least one
Choose at least one
Could you specify or describe the technology you want it to work with?
Please, fill out this field
Please, fill out this field
Describe it here
What kind of existing hardware does it need to work with?
Please, fill out this field
Please, fill out this field
Sensors, cameras, panels, etc.
What kind of existing software does it need to work with?
Please, fill out this field
Please, fill out this field
Describe it here
Describe in just a few words the problem that you're trying to solve:
Please, fill out this field
Please, fill out this field
Describe it here
In what area of your business is the problem located in?
Choose as many as you need
Choose at least one
Choose at least one
What other area?
Please, fill out this field
Please, fill out this field
Name of the area
Who should we address?
Please, fill out this field
Please, fill out this field
First and last name
What's your email address?
Please, use a valid email
Please, use a valid email
Email
How would you like to be contacted
Choose your preferred method
Choose one
Choose one
What's your phone number?
It has to be a valid 10 digit phone number
It has to be a valid 10 digit phone number
Phone number
¿Tienes identificado el sistema que necesitas?
Selecciona una opción
Selecciona una opción
Describe brevemente lo que necesitas desarrollar:
Favor de llenar este campo
Favor de llenar este campo
Escribe aquí tu descripción
¿Para qué plataformas lo necesitas?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Qué requieres que contenga el software?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Qué sistema de notificaciones requieres?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Cuáles de las siguientes tecnologías deseas implementar?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Podrías especificar o describir la tecnología que requieres implementar?
Favor de llenar este campo
Favor de llenar este campo
Describe aquí la tecnología
¿Con qué clase o tipo de hardware necesita el software ser compatible?
Favor de llenar este campo
Favor de llenar este campo
Sensores, paneles, cámaras, etc.
¿A qué clase o tipo de sistema estás considerando integrar este software?
Favor de llenar este campo
Favor de llenar este campo
Describe aquí el sistema existente
Describe brevemente el problema que intentas solucionar:
Favor de llenar este campo
Favor de llenar este campo
Escribe aquí tu descripción
¿En qué área de tu empresa se encuentra el problema?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Qué otra área?
Favor de llenar este campo
Favor de llenar este campo
Escribe aquí el nombre de la área
¿Con quién nos dirigimos?
Favor de compartir mínimo 1 nombre y 1 apellido para saber a quién dirigirnos
Favor de llenar este campo
Favor de llenar este campo
Nombre
¿Cuál es tu correo electrónico?
Favor de escribir un correo electrónico valido
Favor de escribir un correo electrónico valido
Correo electrónico
¿Cómo te gustaría que te contactáramos?
Selecciona tu metodo de contacto preferido
Selecciona una
Selecciona una
¿Cuál es tu número de WhatsApp?
Favor de escribir un número de WhatsApp valido (10 dígitos)
Favor de escribir un número de WhatsApp valido (10 dígitos)
Número de WhatsApp
¿Cuál es tu número de teléfono?
Favor de escribir un número de teléfono valido (10 dígitos)
Favor de escribir un número de teléfono valido (10 dígitos)
Número de teléfono
Have you identified the type of system you need?
Selecciona una opción
Selecciona una opción
In just a few words, describe the type of system you're looking for
Please fill out this field
Please fill out this field
Describe the system you need, here.
On what types of platforms does it need to run?
Choose as many as you need
Choose at least one
Choose at least one
What does it need to do?
Choose as many as you need
Choose at least one
Choose at least one
What type of notification alerts do you need?
Choose as many as you need
Choose at least one
Choose at least one
Which technologies does it need to work with?
Choose as many as you need
Choose at least one
Choose at least one
Could you specify or describe the technology you want it to work with?
Please, fill out this field
Please, fill out this field
Describe it here
What kind of existing hardware does it need to work with?
Please, fill out this field
Please, fill out this field
Sensors, cameras, panels, etc.
What kind of existing software does it need to work with?
Please, fill out this field
Please, fill out this field
Describe it here
Describe in just a few words the problem that you're trying to solve:
Please, fill out this field
Please, fill out this field
Describe it here
In what area of your business is the problem located in?
Choose as many as you need
Choose at least one
Choose at least one
What other area?
Please, fill out this field
Please, fill out this field
Name of the area
Who should we address?
Please, fill out this field
Please, fill out this field
First and last name
What's your email address?
Please, use a valid email
Please, use a valid email
Email
How would you like to be contacted
Choose your preferred method
Choose one
Choose one
What's your phone number?
It has to be a valid 10 digit phone number
It has to be a valid 10 digit phone number
Phone number
.
¿Tienes identificado el sistema que necesitas?
Selecciona una opción
Selecciona una opción
Describe brevemente lo que necesitas desarrollar:
Favor de llenar este campo
Favor de llenar este campo
Escribe aquí tu descripción
¿Para qué plataformas lo necesitas?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Qué requieres que contenga el software?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Qué sistema de notificaciones requieres?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Cuáles de las siguientes tecnologías deseas implementar?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Podrías especificar o describir la tecnología que requieres implementar?
Favor de llenar este campo
Favor de llenar este campo
Describe aquí la tecnología
¿Con qué clase o tipo de hardware necesita el software ser compatible?
Favor de llenar este campo
Favor de llenar este campo
Sensores, paneles, cámaras, etc.
¿A qué clase o tipo de sistema estás considerando integrar este software?
Favor de llenar este campo
Favor de llenar este campo
Describe aquí el sistema existente
Describe brevemente el problema que intentas solucionar:
Favor de llenar este campo
Favor de llenar este campo
Escribe aquí tu descripción
¿En qué área de tu empresa se encuentra el problema?
Selecciona cuantas apliquen
Selecciona al menos una
Selecciona al menos una
¿Qué otra área?
Favor de llenar este campo
Favor de llenar este campo
Escribe aquí el nombre de la área
¿Con quién nos dirigimos?
Favor de compartir mínimo 1 nombre y 1 apellido para saber a quién dirigirnos
Favor de llenar este campo
Favor de llenar este campo
Nombre
¿Cuál es tu correo electrónico?
Favor de escribir un correo electrónico valido
Favor de escribir un correo electrónico valido
Correo electrónico
¿Cómo te gustaría que te contactáramos?
Selecciona tu metodo de contacto preferido
Selecciona una
Selecciona una
¿Cuál es tu número de WhatsApp?
Favor de escribir un número de WhatsApp valido (10 dígitos)
Favor de escribir un número de WhatsApp valido (10 dígitos)
Número de WhatsApp
¿Cuál es tu número de teléfono?
Favor de escribir un número de teléfono valido (10 dígitos)
Favor de escribir un número de teléfono valido (10 dígitos)
Número de teléfono
.
Have you identified the type of system you need?
Selecciona una opción
Selecciona una opción
In just a few words, describe the type of system you're looking for
Please fill out this field
Please fill out this field
Describe the system you need, here.
On what types of platforms does it need to run?
Choose as many as you need
Choose at least one
Choose at least one
What does it need to do?
Choose as many as you need
Choose at least one
Choose at least one
What type of notification alerts do you need?
Choose as many as you need
Choose at least one
Choose at least one
Which technologies does it need to work with?
Choose as many as you need
Choose at least one
Choose at least one
Could you specify or describe the technology you want it to work with?
Please, fill out this field
Please, fill out this field
Describe it here
What kind of existing hardware does it need to work with?
Please, fill out this field
Please, fill out this field
Sensors, cameras, panels, etc.
What kind of existing software does it need to work with?
Please, fill out this field
Please, fill out this field
Describe it here
Describe in just a few words the problem that you're trying to solve:
Please, fill out this field
Please, fill out this field
Describe it here
In what area of your business is the problem located in?
Choose as many as you need
Choose at least one
Choose at least one
What other area?
Please, fill out this field
Please, fill out this field
Name of the area
Who should we address?
Please, fill out this field
Please, fill out this field
First and last name
What's your email address?
Please, use a valid email
Please, use a valid email
Email
How would you like to be contacted
Choose your preferred method
Choose one
Choose one
What's your phone number?
It has to be a valid 10 digit phone number
It has to be a valid 10 digit phone number
Phone number

Efecto Glassmorfismo con CSS

by | Ene 10, 2021 | Angular, CSS, Desarrollo Móvil, Ionic, ionic4, Sin categoría

El efecto Glassmorfismo es una de las tendencias más recientes en la interfaz de usuario,  este efecto pretende básicamente crear al usuario la apariencia y sensación  de que los elementos se encuentran sobre un cristal, creando un desenfoque en el contenido de fondo.

Este efecto lo podemos encontrar en iOS, en la pantalla de booteo de Kali Linux, en windows 10 y actualmente en MacOS (en su versión Big Sur). Para crear este efecto es sencillo, solo consta de manipular la opacidad, profundidad y blur de los elementos, así como se muestra en la siguiente imagen.

Para crear este ejemplo(Imagen anterior) solo se necesitan dos contenedores (<div>).

<div> class="main-cotainer">
      <div> class="glass-cotainer">
      </div>
</div>
 

.

Los estilos del primer contenedor son los siguientes:

width: 100vw;
height: 100vh;
display: flex; 
position: relative; 
justify-content: center; 
align-items: center;

 

Para el segundo contenedor:

width: 80vw; height: 80vh;
position: absolute; border-radius: 40px;
background: rgba( 255, 255, 255, 0.25 );
box-shadow: 0 8px 32px 0 rgba(23, 220, 255, 0.37);
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 8px );
border-radius: 10px; 

Estos estilos son básicos para crear este efecto tan llamativo que está en tendencia, ya lo demás depende de la creatividad del desarrollador.

 



			

Entradas relacionadas

Descubre en 5 minutos las áreas de tu empresa puedes mejorar