Tag: BACKGROUND-IMAGE
Lo que quiero lograr: https://imgur.com/h7beFvI (no te preocupes por las imágenes recortadas de manera extraña, solo son marcadores de posición) Lo que obtuve: https://imgur.com/zF1hm1g Necesito colocar los círculos con imágenes directamente dentro de los círculos de fondo SVG (colocé PNG en el fragmento para facilitar el uso). Intenté: recrear la . . . Read more
Aquí está mi sitio en las páginas de Github: https://anacondazz2.github.io/Personal-Website/. Actualmente tengo la imagen de w3schools como prueba pensando que mi imagen original era demasiado grande (970kb en comparación con los 30~ de wschools), sin embargo, si visitas mi sitio en un teléfono, aún no se muestra. Si visitas este . . . Read more
Tengo un mat-card con una imagen de fondo dinámica y necesito desenfocar esta imagen. Código: <mat-card [ngstyle]='{backgroundImage: backgroundImage}’> <mat-card-title>My card</mat-card-title> <mat-card-content>Card Content</mat-card-content> </mat-card> Mi CSS: mat-card { background-repeat: no-repeat; background-position: 50% 0; background-size: 100% 100%; /* esto desenfoca toda la tarjeta */ filter: blur(8px); -webkit-filter: blur(8px); } Lo que tengo: . . . Read more
Soy nuevo en Tailwind y estoy tratando de oscurecer la imagen al pasar el cursor por encima. Aquí está mi config.js: theme: { extend:{ backgroundImage: (theme) => ({ video: “url(‘./bg-img.jpg’)”, }) } }, variants: { boxShadow:[“responsive”, “hover”, “focus”] } y aquí está mi código: <div classname=”h-80 my-4 w-64 rounded-md p-4 . . . Read more
Quiero añadir mi avatar dentro de este div circular que tiene una animación de rotación. Quiero poder ajustar mi avatar dentro de este contenedor circular. Lo hice como una imagen de fondo pero tengo este problema: .avatar-container{ position: relative; margin-left: auto; margin-right: auto; background: white; background-size: cover; width: 250px; height: . . . Read more