Todas las preguntas
Etiquetadas con css-transform css3
20 preguntas
0
votos
0
respuestas
39
vistas
Invertir un div con css
Tengo esa flecha negra y la quiero trasladar y rotar al tiempo para que quede como la roja:
Habia visto que se podia con una sola propiedad pero me toco mientras asi:
transform-origin:bottom;
...
0
votos
2
respuestas
27
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
582
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
1
respuesta
27
vistas
¿Cómo hago que un div que contiene varios otros se mantenga en el centro cuando una de las imágenes que tiene dentro crece al hacer hover?
Estoy trabajando en un código de prueba para una tienda, y estaba haciendo que al hacer hover sobre una de las imágenes esta crezca durante 0.5 segundos (y que cuando quito el hover vuelva a su tamaño ...
0
votos
1
respuesta
337
vistas
¿Cómo hago que mis transiciones vuelvan a su lugar gradualmente cuando quito el :hover?
Buenos días/tardes/noches gente de StackOverflow.
Estoy trabajando en un código de CSS e hice unas transiciones de tipo translate de forma que cuando les coloco el cursor (es decir, que se activa el :...
1
voto
2
respuestas
46
vistas
Un comportamiento inusual de position:bsolute; CSS "¿entienden esto?"
El código hace que: cuando hagas hover en cada div de clase ".columnas" la imagen de fondo de su div padre cambiara.
----El problema es: Cuando haces hover de izquierda a derecha todo ...
0
votos
2
respuestas
1k
vistas
Spinner css centrado sobre elemento html con contenido visible (transparencia)
Tengo varios elementos HTML como los siguientes, y ya que no soy muy bueno con los efectos CSS, les agregué un Spinner prefabricado que me encontré en este sitio: CSS Spinner
.loader,
.loader:...
1
voto
0
respuestas
60
vistas
Como poner una imagen sesgada y en perspetiva por medio de CSS y adaptable a la imagen adjunta?
Como puedo acomodar la imagen para que se adapte al celular
[
#capa1 {
position: relative;
top: 127px;
left: 118px;
transform: perspective(321px) rotateY(46deg) rotateX(70deg) ...
0
votos
1
respuesta
73
vistas
¿Como agregar una clase a un elemento html y luego en la misma o en otra función quitársela?(Javascript)
Los pongo en contexto:
Hice un slider de imágenes en la que cambio el background image al hacer click al boton de izquierda o derecha de mi slider, pero, quiero agregar un efecto de fade hacia la ...
1
voto
2
respuestas
598
vistas
Cubo mediante CSS
¿Cómo puedo crear un cubo con CSS? Mi intención es entender el funcionamiento del CSS en su aplicación a estructuras 3D.
1
voto
1
respuesta
1k
vistas
como sobre poner un div con css y que solo se pueda ver parte de este div
hola que tal tengo una duda con respecto a css y como puedo lograr el diseño que me piden mostrar la parte de verde y amarillo
el div que esta inclinado lo hago con transform: matrix();
pero lo que no ...
1
voto
1
respuesta
837
vistas
Sesgar div con css
Buen día, he estado investigando un poco acerca de como realizar lo siguiente, pero lo que he encontrado a pesar de que es parecido a lo que quiero lograr no es exactamente lo que busco, lo que busco ...
2
votos
1
respuesta
169
vistas
Ninjas: Dadas unas coordenadas, sacar css transform (skew, rotate ) pintar una imagen
la API me devuelve unas coordenadas random que será el contenedor de la imagen, y estas coordenadas siempre serán un rectángulo pero puede que no tenga los angulos de 90 grados por lo que tengo que ...
0
votos
1
respuesta
518
vistas
¿Cómo conseguir que dos Divs se desplacen a diferente velocidad al hacer scroll?
Estoy trabajando en una web y necesitaría conseguir el siguiente efecto al hacer scroll.
Tengo dos contenedores, uno con imágenes y otro con texto que se superpone al primero. Hasta aquí todo bien. La ...
11
votos
1
respuesta
5k
vistas
Efecto "Pulso" en CSS3
Hola, estoy intentado lograr un efecto de "Pulso" sobre un circulo, usando solo CSS3 puro. Abajo dejo un ejemplo de lo esperado.
Es posible?
Esperado
Actual
#circle {
width: 70px;
height: ...
7
votos
4
respuestas
3k
vistas
¿Cómo mostrar una imagen cuando me apoyo en un div?
Tengo un div con ancho y largo fijo.
Lo esperado sería que al pasar sobre este div, se muestre una imagen con una transición en una posición absoluta definida.
Estoy usando solo CSS3 y Html. ...
2
votos
1
respuesta
1k
vistas
Label flotante en elemento select
Estoy creando un label flotante que se comporta como si fuera un placeholder de la siguiente manera:
body {
padding:50px;
}
input[type="text"][required]:focus + label[placeholder]:before,
...
0
votos
0
respuestas
57
vistas
¿Como evitar que un texto dentro de un link se rote al usar transform en css? [duplicada]
a {
margin-left: 10%;
background: rgba(33, 150, 243, .8);
text-decoration: none;
width: 100px;
padding: 5%;
padding-left: 1%;
padding-right: 1%;
display: flex;
flex-flow: ...
3
votos
2
respuestas
465
vistas
Animación CSS se ve a golpes en dispositivos iOS
En una app desarrollada con cordova (para iOS y Android), uso transformaciones y transiciones de CSS para animar un menú y que se abra/cierre cuando se pulse en un botón. El código es algo como esto (...
21
votos
3
respuestas
2k
vistas
¿Cómo hacer un cilindro con css?
Estoy utilizando HTML y CSS para aprender/practicar transformaciones 2D y 3D y para ello estoy dibujando una pila 9v tridimensional (porque es sencilla y cuadradita). Hasta ahora todo ha sido sencillo ...