Resultados de la búsqueda a petición "css-shapes"
Separe 2 div con línea de pendiente
Quiero separar 2 divisiones flotantes con una línea de pendiente, obtuvieron diferentes colores de fondo. Ejemplo aquí: Marcado HTML: <div id="wrap"> <div id="one"></div> <div id="two"></div> </div>Ya intenté rotarlos (como puedes ver en ...
Cómo hacer un hexágono de borde curvo usando CSS
Este es mi CSS. CSS #hexagon-circle { width: 100px; height: 55px; background: red; position: relative; border-radius: 10px;} #hexagon-circle:before { content: ""; position: absolute; top: -25px; left: 0; width: 0; height: 0; border-left: 50px ...
Cómo crear una forma de etiqueta de precio en CSS y HTML
Entonces encontré esta respuesta:CSS3 forma de menú, estilo [https://stackoverflow.com/questions/7330027/css3-menu-shape-style]pero no tengo idea de cómo ponerlo en el lado izquierdo. Ya lo he buscado pero sin suerte. Esto es lo que estoy ...
¿Cómo puedo crear información sobre herramientas personalizada con pseudoelementos css
Estoy leyendocss-trucos y al final [http://css-tricks.com/pseudo-element-roundup/]Puedo ver lo siguiente. Usando un atributo de datos HTML5, luego introduciendo ese atributo y diseñándolo como un pseudo elemento, podemos crear información ...
Triángulo CSS sensible con ancho de porcentaje
El siguiente código creará una flecha justo debajo de un<a> elemento: JSFiddle [http://jsfiddle.net/x9cxz423/] .btn { position: relative; display: inline-block; width: 100px; height: 50px; text-align: center; color: white; background: gray; ...
Botón alargado en forma de hexágono usando solo un elemento
Me gustaría hacer un botón como este solo con CSS sin usar otro elemento. Imagen de botón Como el botón tiene unborder adjunto, creo que normalmente necesito ambos, el:before y:after elementos para crear solo una flecha a un lado. Entonces, ...
Cómo crear pestañas de menú curvadas y superpuestas en CSS
Quiero hacer un menú, en el que los extremos de los menús se superpongan y tengan bordes curvos y bordes ligeramente inclinados. Sin usar una imagen de fondo, ¿es posible hacer un menú con solo CSS? Para una mejor comprensión, adjunte la ...
Crear una gota como efecto de borde en css
Creé este diseño de borde en Photoshop y me preguntaba si alguien podría darme alguna guía sobre cómo recrear esto usandocss.
Media forma hexagonal con un elemento
Estoy tratando de replicar la siguiente forma sin éxito: Supongo que necesitaré algo:before y:after pseudo elementos junto con el siguiente css: #pentagon { position: relative; width: 78px; height:50px; background:#3a93d0; }
¿Cómo puedo crear un borde inferior cóncavo en CSS?
El contenido debe poder desplazarse detrás de él en el área cóncava y no quedar oculto. Específicamente, estoy tratando de crear esto: