Preguntas con la etiqueta [css3]
La tercera edition de CSS o Hoja de Estilo en Cascada (Cascading Style Sheet - siglas en ingles) y también la ultima. Es normalmente referida como CSS3, y junta capacidades visuales potentes y técnicas versátiles de manipulación de diseño y animación.
1,785
preguntas
1
voto
0
respuestas
40
vistas
Primera letra más grande [duplicada]
actualmente necesito poner la primera letra de cada palabra conformada en un frase de mayor tamaño que el resto, teniendo en cuenta que todas están en mayúsculas. Esto es lo que he intentado:
CSS
...
0
votos
1
respuesta
20
vistas
pagination personalizada con Laravel y Taillwind CSS
deseo personalizar la paginación, no quiero usar el estilo que me da por defecto esto: {{ variable->links() }}.
A partir de un estilo de paginación que tengo personalizado a mi gusto quiero que ...
0
votos
0
respuestas
12
vistas
[unixODBC][Driver Manager]Data source name not found, and no default driver specified
necesito ayuda con error informático que se presenta al levantar una imagen en Docker.
Tengo un macbook pro con el nuevo chip m1 pro de Apple y le instalé los siguientes programas: OpenVPN y Docker ...
-3
votos
1
respuesta
27
vistas
Problema con la extensión live server en visual studio code
Tengo el problema que no puedo hacer funcionar la extensión live server. Probé des instalar y volver a instalar visual studio code y sigue sin funcionar. Probé con una computadora de escritorio (con ...
0
votos
2
respuestas
27
vistas
se me duplican elementos del DOM, JavaScript
buenas tardes llevo hace poco tiempo aprendiendo a programar en javascript y estoy haciendo un tipo podomoro con los conocimientos que actualmente tengo.
en el podomoro que estoy haciendo agrego una ...
0
votos
1
respuesta
23
vistas
¿como puedo mejorar la estetica de la transición entre paginas en html de un link?
Cuando seleccionas un elemento en mi pagina para cargar el siguiente segmento no es nada estético, se pone la pantalla en blanco por un milisegundo antes de cargar, utilizando la etiqueta meta no ...
0
votos
2
respuestas
24
vistas
Como mantener el color de los elementos de un bloque usando background-image?
El problema es que cuando paso el cursor sobre la imagen esta se vuelve opaca afectando a los elementos del titulo, subtitulo y el boton.
Como seria que solo la imagen se vuelva opaca sin afectar a ...
0
votos
1
respuesta
54
vistas
como hacer para que cuando pase el cursor por un boton una imagen se oscuresca?
.visitanos__contenido-boton {
background-color: #007bff;
color: #fff;
border-radius: 5px;
border: none;
padding: 13px 20px;
position: absolute;
top: 68%;
left: 43%;
cursor: pointer;
...
0
votos
0
respuestas
31
vistas
Como hago para que mi menu no se vea ocultarse al achicar la pantalla (responsive)
estoy creando una pagina para practicar y me encontre con algo que me gustaria resolver y es la barra de navegacion estilo hamburguesa que cuando la quiero hacer responsive esta funciona bien pero al ...
0
votos
1
respuesta
59
vistas
Me dejo de funcionar css
Estaba intentando hacer una cosa con una imagen en css y de repente cuando escribía código me dejo de funcionar
Este es el head donde conecte el css:
<head>
<meta charset="UTF-8"...
2
votos
3
respuestas
60
vistas
Agrandar círculo al pulsarlo, y disminuirlo al dejar de pulsar
Necesito que el círculo se agrande 10px cuando lo pulses y se disminuya 5px cuando dejes de pulsar. Su tamaño original es de 200px y cuando llegue a 420px explote y vuelva a su tamaño original. Aparte ...
2
votos
2
respuestas
49
vistas
¿Cómo puedo Importar varias fuentes de texto y utilizar las que quiera en cualquier parrafo en CSS?
Muy Buenas!
Estoy pensando utilizar una fuente de texto distinta a la primera que establecí.
Es decir, un parrafo que tenga esta fuente, y el otro parrafo otra fuente.
Las fuentes las importaría con ...
0
votos
0
respuestas
22
vistas
¿Cómo pudo hacer para que mi Navbar vertical (que está en mi <Header>) TAPE el contenido de mi <Main>?
Quiero lograr que mi Navbar Vertical tape el Input Label de mi Main.
Es decir, que si yo coloco cualquier etiqueta, en este caso el input, sea tapado por el navbar.
¿Será posible?
HTML:
<header>
...
0
votos
0
respuestas
33
vistas
¿Como puedo hacer que el contenido del sidebar este hacia la derecha del mismo?
Estoy intentando hacer un sidebar (un navbar pero de costado, mas precisamente lado izquierdo), que muestre el contenido de las pestañas a la derecha del mismo, ahora mismo todo el contenido de todas ...
0
votos
0
respuestas
28
vistas
¿Por qué se me genera un scroll cuando se realiza una animación en css?
Estoy animando solo un parrafo con la liberia "Animate.css", el problema ocurre cuando ingresas a la página, veras que la animación del título se genera y ocasiona un scroll.
He tratado de ...
0
votos
0
respuestas
41
vistas
El hosting no reconoce el CSS
soy un principiante en esto de la programación al subir mi página al hosting no reconoce el css ya e intentado todo lo que este a mi conocimiento limpie los cache y a un sigue el mismo problema ...
1
voto
2
respuestas
31
vistas
¿Cómo se llama a la Técnica de Importación de varios Íconos mediante un solo LInk? (Ej: Font Awesome)
He visto como en vez de colocar imagen por imagen (obviamente con sus respectivos directorios), simplemente establecían en el head un Link y en la parte de las listas (en donde van a importar las ...
2
votos
1
respuesta
41
vistas
Flex-Box: ¿Cómo puedo lograr que todos los items tengan el mismo "Width" incluso estén en varias filas?
Quiero lograr que 3 items tengan el mismo tamaño, al inicio pueden ver que los items ocupan el mismo tamaño, pero cuando la pantalla mida 768px quiero que cada item mida el 50% de su padre, a la vez ...
0
votos
0
respuestas
19
vistas
no puedo centrar estos elementos con css
estoy tratando de organizar este html (hecho en next) y no puedo hacer que las cajas se alinien como yo quiero.
Para empezar, este seria el html que me da problemas:
<div className={style.proyectos}...
3
votos
2
respuestas
63
vistas
Quiero que el título de la imagen esté desaparecido y cuando pase el mouse por encima, aparezca: lo logro con CSS, pero no con SASS
Tengo este problema que cuando lo hago con CSS me deja pero con SASS no. Quiero que el título de la imagen esté desaparecido y cuando pase el mouse por encima, aparezca. En CSS tengo un contenedor de ...
-1
votos
1
respuesta
103
vistas
¿Cómo crear una tabla con html sin usar <table>?
Buenas! En este código intenté hacer una tabla sin usar la etiqueta table pero quería saber si es considerado responsive hacer tablas con la etiqueta table o si hay alguna otra manera de hacer una ...
0
votos
1
respuesta
108
vistas
Porque al hacer scroll desde el móvil la imagen se mueve aún teniendo la propiedad background-attachment: fixed;
quisiera me pudieran ayudar con este tema, estoy practicanto html y css muy simple, he puesto una imagen de fondo y le puse la propiedad background-attachment: fixed; y hasta donde leí es para que la ...
0
votos
1
respuesta
83
vistas
Acomodar contenido en un PDF para imprimir con CSS
estoy maquetando una impresion en pdf con html y css. El problema que tengo es que necesito que el footer me quede siempre abajo de la página pero que no se repita en cada una de ellas.
Implemente ...
0
votos
1
respuesta
30
vistas
solucion a Notice: Trying to get property 'num_rows' of non-object in
Estoy empezando en la programacion y estoy subiendo mi primer proyecto a un hosting de prueba, el problema es que me arroja
Notice: Trying to get property 'num_rows' of non-object in
/storage/ssd4/...
0
votos
0
respuestas
16
vistas
Como puedo crear un Slider que expanda el contenedor como OverFlow?
Como puedo crear un Slider similar al que esta sombreado con rojo en la siguiente imagen.
requiero expandir el contenedor segun necesidad del cliente, pero que quede con la linea centrada tal como ...
1
voto
1
respuesta
40
vistas
Selector de hermano precedente CSS
quiero ocultar a un hermano precedente en CSS, en función de la clase de un elemento interno que tenga el siguiente hermano. He probado con el selector has, pero no logro que funcione.
Sería algo como ...
1
voto
0
respuestas
19
vistas
Minificar Js con Gulp
estoy minificando mis archivos css y js con gulp
Js
gulp.task('jsTask', function () {
return src('src/assets/js/*/*.js')
.pipe(sourcemaps.init())
.pipe(concat('all.js'))
....
0
votos
1
respuesta
38
vistas
Porque mi href redirije correctamente dentro de mi html pero no me aparece centrado
Estoy practicando lo que voy aprendiendo en clases y estoy inventando esta pagina, y quiero tener un nav que redirija dentro del html a las diferentes secciones correspondientes, que eso ya lo hace ...
0
votos
1
respuesta
66
vistas
problema con tema dark de sweetalert2
Soy nueva en esto y no se como poner el tema oscuro para mi alerta. copie como dice la documentación pero no pasa nada
npm install --save sweetalert2 @sweetalert2/theme-dark
Esto lo instale en la ...
1
voto
2
respuestas
29
vistas
¿Por qué mi div no se centra?
Como se ve en el código, primero cree un img, luego encerré 1 imagen en un div y por útlimo otras 3 en otro div.
<img src="../imagenes/bannerCosta.jpg">
<div>
<img src=&...
0
votos
0
respuestas
20
vistas
Mi componente card corta el contenido al iniciar sesión en la app
He creado un componente Card para reutilizarlo en la sección Home de mi aplicación.
Dicho card lleva un poco de las etiquetas de Ionic 6, un poco de Bootstrap y un poco de CSS Grid.
Sucede que al ...
1
voto
0
respuestas
27
vistas
quisiera saber que libreria Css ocuparon en esta pagina [cerrada]
queria pedirles ayuda ya que no encuentro como duplicar esa animacion y aunque busque el div no encuentro como lo hacen y me ha llamado mucho la atencion esa animacion
la animacion es que el . aplasta ...
1
voto
1
respuesta
40
vistas
¿como poner un scroll en un organigrama?
Lo que intento hacer es que cuando la pantalla se haga mas chica (responsive), el organigrama no se destruya. Quiero que conserve su tamaño y mejor que entre un scroll.
Cómo puedo hacer para que el ...
0
votos
2
respuestas
110
vistas
no me funciona overflow-x: hidden y overflow-y: visible
Tengo un problema, quisiera crear un carrusel de cards, similar a lo que hay en la plataforma de prime video.
Quiero hacer que cuando se posicione el mouse y se realice el efecto hover, que se agrande ...
0
votos
1
respuesta
52
vistas
Como puedo solucionar este error de git?
trato de solucionar esto pero no encuentro la manera, alguna forma a traves de la terminal?
1
voto
2
respuestas
100
vistas
Selector ascendente CSS
Quiero ocultar un elemento hermano con css, si tiene una etiqueta de clase en su interior. He estado haciendo pruebas con has:, pero no se como seleccionar el hermano.
Quiero ocultar el elemento la ...
0
votos
1
respuesta
30
vistas
No detecta mi condicion
Estoy creando una pagina que generada pseudnumeros aleatorios por el algoritmo de multiplicador constante, tengo una condicion que no me respeta la condicion, ya le movi de todas forma y segun logica ...
0
votos
3
respuestas
67
vistas
Clases que comparten algunas características, unir todo en una clase? CSS
En CSS me encuentro a menudo con una duda, al tener, por ejemplo las siguientes 2 clases con algunas de sus características compartidas pero otras no, que conviene mas, hacerlo de la FORMA1 o de la ...
0
votos
1
respuesta
38
vistas
no me permite poner mis datos correctos
Estoy creando un generador de pseudocodigo aleatorio por cuadrados medios, pero siempre me copia de mi tabla la columna de cifras centrales, todo me lo hace bien pero solo es que me copia las columnas ...
0
votos
1
respuesta
46
vistas
Mi codigo Javascript solo funciona en un objeto de una clase. En el resto de objetos con el mismo nombre de clase no funciona
Tengo el siguiente script que entiendo es bastante básico. Yo soy muy novata en Javascript y no comprendo por qué no recorre todos los objetos con el mismo nombre de clase, en cambio solo funciona en ...
1
voto
1
respuesta
43
vistas
¿Evento click en javascript no responde a la primera en responsive?
Avanzando poco a poco en esta pagina web, con el tema de la función con dispositivos móviles, pensé que en esta parte ya lo tenia listo prácticamente, pero a la vez salen pequeños detalles en este ...
0
votos
1
respuesta
15
vistas
Cómo aumentar el número de un objeto dentro de una matriz con un orden de identificación usando addEventListener
Tengo 6 productos en una matriz. Cuando quiero aumentar la cantidad del artículo, solo interpreta el primer producto de la matriz, aun así presiono los otros botones de los otros productos, y solo ...
2
votos
2
respuestas
139
vistas
¿Comó se puede reproducir un video automatico pero con su audio?
alguien de ustedes sabe si se puede realizar esa acción de que se reproduzca el video automático pero que se escuche, ya que investigando vi que se podía hacer con muted="muted" y vi que se ...
1
voto
0
respuestas
73
vistas
¿Como crear un formulario de login responsivo con bootstrap 4?
Lo que deseo lograr se puede apreciar en el siguiente enlace: Objetivo
Estuve todo el dia buscando informacion pero no pude lograrlo directamente con bootstrap. Sin embargo, con muchas reglas CSS, ...
3
votos
1
respuesta
371
vistas
¿Como crear una card con una imagen de fondo con opacidad del 10%?
Estoy intentando crear una card de boostrap cuyo fondo sea una imagen que ocupe el 100% y sea casi transparente sin que afecte el resto de elementos. De momento no lo he logrado.
<div id="app&...
0
votos
0
respuestas
133
vistas
¿Cómo valido un formulario con Bootstrap 5?
Con los siguientes scripts intento que se valide el input (en la realidad son más de uno) y luego en el submit se deshabilite el botón de submit. Intenté unificar los 2 script pero no logré que ...
0
votos
0
respuestas
23
vistas
Transicion de imagenes con la libreria owl.carrusel (que sea sin pausa)
Buen dia a todos.
Estoy implementando un carrusel de imagenes con la libreria owl.carrousel pero lo que quiero hacer es que las imagenes hagan la transicion de manera fluida(que no haya pausas). que ...
0
votos
1
respuesta
34
vistas
¿Cómo puedo hacer que mi formulario tome el 100% de su contenedor y no el 50% en bootstrap?
Estoy realizando el diseño de un formulario con Bootstrap, a mi formulario le di un width del 50% (w-50), pero al momento de adaptarlo a pantallas mas pequeñas este me sigue tomando el 50% quedando un ...
1
voto
2
respuestas
378
vistas
¿Cómo lograr ocultar un menú al dar clic en alguna opción?
Estoy creando un menú adaptable a dispositivos móviles. Para modo escritorio todo perfecto, pero al momento de hacerlo responsiva, al dar clic al ícono hamburguesa, me arroja bien las opciones; lo que ...
1
voto
1
respuesta
46
vistas
¿Como adaptar un slider en responsive sin perder calidad?
Estoy trabajando un diseño web, el cual le adapte un slider al inicio, en pantallas de equipos de computo se ven bien, pero en dispositivos móviles o responsive el slider se hace pequeño,quise ...