На этот вопрос есть ответы en Stack Overflow на русском : Как создать треугольники CSS? Hay muchas formas CSS diferentes en CSS Tricks - Formas de CSS y estoy particularmente perplejo con un triángulo: #triangle-up { width: 0; height: 0; border-left: 50px solid...
Tengo algunos problemas para encontrar la documentación de las definiciones de formas en XML para Android. Me gustaría definir un círculo simple lleno de un color sólido en un archivo XML para incluirlo en mis archivos de diseño. Lamentablemente, la documentación en android.com no cubre los...
¿Cómo creo un menú que se vea así ... Enlace a PSD No quiero usar las imágenes PSD. Preferiría usar iconos de algún paquete como FontAwesome y tener los fondos / css generados en CSS. Aquí puede encontrar una versión del menú que está usando el PSD para generar imágenes de la información sobre...
Me gustaría rodear un número en un círculo como en esta imagen: ¿Es esto posible y cómo se
Quiero tener una página web que tenga una palabra centrada. Quiero que esta palabra se dibuje con una animación, de modo que la página "escriba" la palabra de la misma manera que lo haríamos, es decir, comienza en un punto y dibuja líneas y curvas con el tiempo de modo que el resultado final sea...
Quiero crear un fondo degradado donde el degradado esté en la mitad superior y haya un color sólido en la mitad inferior, como en esta imagen a continuación: No puedo porque se centerColorextiende para cubrir la parte inferior y superior. ¿Cómo puedo hacer un fondo como la primera imagen?...
¿Cómo creo una forma como esta para mostrar en una página web? No quiero usar imágenes, ya que se volverían borrosas al escalar Intenté con CSS : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px; border-top-left-radius:...
Este es el CSS: div { width: 0; height: 0; border: 180px solid red; border-radius: 180px; } ¿Cómo produce el círculo de abajo? Supongamos que si el ancho de un rectángulo es de 180 píxeles y la altura es de 180 píxeles, entonces se vería así: Después de aplicar un radio de borde de 30...
Me pregunto si hay una manera más fácil de crear divisiones circulares que lo que estoy haciendo ahora. Actualmente, solo estoy haciendo una imagen para cada tamaño diferente, pero es molesto hacerlo. ¿Hay alguna forma de usar CSS para hacer divs que son circulares y puedo especificar el...
Me gustaría crear una forma similar a la siguiente imagen: Observe los gradientes de la mitad superior del color 1 al color 2, pero hay una mitad inferior que se gradúa del color 3 al color 4. Sé cómo hacer una forma con un solo degradado, pero no estoy seguro de cómo dividir una forma en dos...
Tengo una vista de texto y quiero que su esquina tenga forma redonda. Ya sé que se puede hacer usando android:background="@drawable/somefile". En mi caso, esta etiqueta ya está incluida, por lo que no puedo volver a usarla. por ejemplo, android:background="@drawable/mydialogbox"ya está allí para...
Estoy tratando de hacer un dibujo para usar para un botón. Me gustaría que tuviera este color, con un borde de 2px alrededor. Todo funciona bien, excepto que no puedo hacer que aparezca el borde ... <?xml version="1.0" encoding="utf-8"?> <shape
Encontré este ejemplo en stackoverflow: Dibujar círculo usando CSS solo Lo cual es genial. ¿Pero me gustaría saber cómo modificar ese ejemplo para poder incluir texto en el medio del círculo? También encontré esto: centrado vertical y horizontalmente el texto en círculo en CSS (como la insignia...
Si utilizo un valor de píxel o em para el radio del borde, el radio del borde es siempre un arco circular o una forma de píldora, incluso si el valor es mayor que el lado más grande del elemento. Cuando uso porcentajes , el radio del borde es elíptico y comienza en el medio de cada lado del...
¿Es posible controlar la longitud y la distancia entre los trazos de borde punteado en CSS? Este ejemplo a continuación se muestra de manera diferente entre los navegadores: div { border: dashed 4px #000; padding: 20px; display: inline-block; } <div>I have a dashed border!</div>...
Sé que si yo uso randn, import pandas as pd import numpy as np df = pd.DataFrame(np.random.randn(100, 4), columns=list('ABCD')) me da lo que busco, pero con elementos de una distribución normal. Pero, ¿y si solo quisiera números enteros aleatorios? randintfunciona proporcionando un rango, pero...
¿Cómo se dibuja un círculo usando HTML5 y CSS3? ¿También es posible poner texto
Intento usar un color hexadecimal personalizado para mi triángulo CSS (borde). Sin embargo, dado que usa propiedades de borde, no estoy seguro de cómo hacerlo. Me gustaría mantenerme alejado de javascript y css3 simplemente por compatibilidad. Estoy tratando de que el triángulo tenga un fondo...
Cerrado. Esta pregunta no cumple con las pautas de Stack Overflow . Actualmente no acepta respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que esté relacionada con el tema de Stack Overflow. Cerrado hace 5 años . Mejora esta...
Ok, entonces todos saben que puedes hacer un triángulo usando esto: #triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } Y eso produce un triángulo relleno sólido. Pero, ¿cómo harías un triángulo con forma...