Вопросы с тегом «shapes»

1847
Как работают CSS-треугольники?

На этот вопрос есть ответы на Переполнение стека на русском : Как создать треугольники CSS? В CSS Tricks есть множество различных форм CSS - Формы CSS, и я особенно озадачен треугольником: #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid...

687
Как определить форму круга в отрисовываемом файле Android XML?

У меня возникли проблемы с поиском документации по определениям фигур в XML для Android. Я хотел бы определить простой круг, заполненный сплошным цветом в файле XML, чтобы включить его в файлы макета. К сожалению, документация на android.com не охватывает атрибуты XML классов Shape. Я думаю, что я...

321
Создание радиального меню в CSS

Как мне создать меню, которое выглядит следующим образом ... Ссылка на PSD Я не хочу использовать PSD изображения. Я бы предпочел использовать иконки из какого-то пакета, такого как FontAwesome, и иметь фоны / CSS, созданные в CSS. Версия меню, в которой используется PSD для создания изображений...

229
Как я могу оживить рисование текста на веб-странице?

Я хочу иметь веб-страницу с одним центрированным словом. Я хочу, чтобы это слово было нарисовано с помощью анимации, чтобы страница «записывала» слово так же, как и мы, то есть оно начинается в одной точке и рисует линии и кривые с течением времени, так что конечным результатом является глиф. Мне...

229
Как сделать градиентный фон в Android

Я хочу создать градиентный фон, где градиент находится в верхней половине, а в нижней - сплошной цвет, как на этом рисунке ниже: Я не могу, потому что centerColorспред распространяется на дно и верх. Как сделать фон похожим на первое изображение? Как я могу сделать маленький, centerColorкоторый не...

223
Как создать слезу в HTML?

Как мне создать такую ​​фигуру для отображения на веб-странице? Я не хочу использовать изображения, так как они будут размыты при масштабировании Я попробовал с CSS : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px;...

206
Как этот CSS создает круг?

Это CSS: div { width: 0; height: 0; border: 180px solid red; border-radius: 180px; } Как получается круг ниже? Предположим, что если ширина прямоугольника равна 180 пикселям, а высота равна 180 пикселям, то это будет выглядеть так: После применения border-radius 30 пикселей это будет выглядеть так:...

183
Более простой способ создать круг Div, чем с помощью изображения?

Мне интересно, есть ли более простой способ создания круговых элементов, чем то, что я делаю сейчас. В настоящее время я просто делаю изображения для каждого размера, но это раздражает. Есть ли в любом случае использование CSS для создания div, которые являются круглыми, и я могу указать...

177
Мультиградиентные формы

Я хотел бы создать форму, похожую на следующее изображение: Обратите внимание на верхнюю половину градиентов от цвета 1 до цвета 2, но есть нижняя половина, градиенты от цвета 3 до цвета 4. Я знаю, как сделать форму с одним градиентом, но я не уверен, как разбить форму на две половинки и сделать 1...

171
Закругленный угол для просмотра текста в Android

У меня есть текстовое представление и я хочу, чтобы его угол был круглым. Я уже знаю, что это можно сделать с помощью android:background="@drawable/somefile". В моем случае этот тег уже включен, поэтому его нельзя использовать снова. например android:background="@drawable/mydialogbox"уже есть,...

157
Граница в форме XML

Я пытаюсь сделать рисование для кнопки. Я бы хотел, чтобы у него была такая окраска с рамкой в ​​2 пикселя. Все работает просто отлично, но я не могу показать границу ... <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"...

156
CSS: как нарисовать круг с текстом в середине?

Я нашел этот пример на stackoverflow: Нарисуйте круг, используя только CSS Что здорово. Но я хотел бы знать, как изменить этот пример, чтобы я мог включить текст в середине круга? Я также нашел это: вертикально и горизонтально центрируя текст по кругу в CSS (например, значок уведомления iphone) но...

124
Радиус границы в процентах (%) и пикселях (px) или em

Если я использую значение в пикселях или em для border-radius, радиус края всегда представляет собой дугу окружности или форму таблетки, даже если значение больше, чем наибольшая сторона элемента. Когда я использую проценты , радиус края является эллиптическим и начинается в середине каждой стороны...

124
Как создать DataFrame из случайных целых чисел с помощью Pandas?

Я знаю, что если я использую randn, import pandas as pd import numpy as np df = pd.DataFrame(np.random.randn(100, 4), columns=list('ABCD')) дает мне то, что я ищу, но с элементами нормального распределения. Но что, если мне просто нужны случайные целые числа? randintработает, предоставляя диапазон,...

124
Контроль длины штрихов пунктирной границы и расстояния между штрихами

Можно ли в CSS контролировать длину и расстояние между штрихами пунктирной границы? Этот пример ниже отображается по-разному в разных браузерах: div { border: dashed 4px #000; padding: 20px; display: inline-block; } <div>I have a dashed border!</div> Запустить фрагмент кодаСкрыть...

114
Пользовательский цвет границы треугольника CSS

Попытка использовать собственный шестнадцатеричный цвет для моего треугольника (границы) css. Однако, поскольку он использует свойства границы, я не уверен, как это сделать. Я хотел бы держаться подальше от javascript и css3 просто из-за совместимости. Я пытаюсь сделать треугольник белым фоном с...

112
CSS Progress Circle [закрыто]

Закрыто. Этот вопрос не соответствует рекомендациям по переполнению стека . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он соответствовал теме Stack Overflow. Закрыт 5 лет назад . Уточните этот вопрос Я искал этот веб-сайт, чтобы найти индикаторы...

102
Как сделать причудливую стрелку с помощью CSS?

Итак, все знают, что можно сделать треугольник, используя это: #triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } И это дает сплошной закрашенный треугольник. Но как сделать такой треугольник в виде полой...