El código personalizado funciona en todos los planes de pago (excepto en el plan Creator que ya ha sido archivado). Con un plan gratuito, puedes ver el código de trabajo funcionando en el modo vista previa, pero no en un proyecto publicado.
Este código permite añadir un efecto de difuminado a los widgets en segundo plano. Para probarlo:
- Añade un widget (por ejemplo, Shape o Picture) sobre el contenido que quieres difuminar.
- Haz que este widget sea transparente (o semitransparente, si quieres que la zona difuminada tenga color). Para hacerlo, selecciona el widget, haz clic en el atributo Color y cambia la opacidad a cualquier valor inferior al 100% (de lo contrario, no verías lo que hay detrás del widget).
- Encuentra el ID de tu widget de texto como se muestra aquí.
- Abre el Code Editor y pega el siguiente código en la pestaña CSS. No olvides sustituir el fragmento
"PASTE WIDGET ID HERE"por el ID de tu widget del paso 3.
[data-id="PASTE WIDGET ID HERE"] {
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
}
El resultado:
