Результаты поиска
| Тип поиска | Синтаксис поиска |
|---|---|
| Метки | [метка] |
| Точно | "слова в кавычках" |
| Автор |
user:1234 user:me (ваши) |
| Рейтинг |
score:3 (3+) score:0 (нет) |
| Ответов |
answers:3 (3+) answers:0 (нет) isaccepted:yes hasaccepted:no inquestion:1234 |
| Просмотры | views:250 |
| Код | code:"if (foo != bar)" |
| Секции |
title:яблоки body:"яблоки апельсины" |
| Ссылка | url:"*.example.com" |
| Закладки | in:saves |
| Статус |
closed:yes duplicate:no migrated:no wiki:no |
| Типы |
is:question is:answer |
| Исключить |
-[метка] -яблоки |
| Для получения дополнительной информации о расширенном поиске посетите нашу страницу справки | |
Результаты поиска по меткам css
Параметры поиска: not deleted
user 474588
89 результатов
CSS, или каскадные таблицы стилей, — формальный язык описания внешнего вида документа, язык стилей, определяющий отображение HTML-документов.
-1
голос
Как сделать на CSS неполную обводку круга?
Возможно вы имеете ввиду вот так:
.not-full-circle {
width: 100px;
height: 100px;
border: 5px solid rgb(101, 152, 218);
border-right-color: transparent;
transform: rotate(-45deg);
bord …
ΝNL993's user avatar
- 4,211
0
голосов
1
ответ
39
показов
Протироположность :first-child
Есть ли какая-то противоположность :first-child, чтобы выделить вместо первого, последний элемент?
Для примера, вот HTML:
<span>123</span>
<span>456</span>
<span>789</span>
В этом HTML коде нужно выб …
ΝNL993's user avatar
- 4,211
1
голос
Принятый
Протироположность :first-child
Последний элемент можно выделить используя :nth-last-child
Для примера вот CSS:
span:nth-last-child(1) {
background-color: green;
}
Подробней вы можете ознакомиться на MDN или w3schools
Дополнение … от teran:
Пример с :last-child CSS:
span:last-child {
background-color: green;
}
Подробней на MDN или w3schools …
ΝNL993's user avatar
- 4,211
6
голосов
Принятый
Как на CSS сделать текст в виде обводки со свечением?
Есть более простой и удобный способ сделать это используя возможности webkit, предлагаю такое решение:
body {
background: rgb(19, 18, 24);
}
.glowing-text {
-webkit-text-stroke: 2px var(--col …
ΝNL993's user avatar
- 4,211
1
голос
Принятый
Как сделать НЕ параллельную сменяемость анимаций в css?
Поигрался с CSS'ом, понял что без старого доброго JS никак, анимацию можно задержать конечно, но только один раз, в итоге анимации синхронизируются и начинают работать вместе, тут пример такой проблем …
3
голоса
Принятый
Круговая диаграмма с подписями
left: -200px;
top: 45px;
}
<div id="circle"></div>
Весь текст я расставлял в ручную т.к. уже не смог придумать способа расставлять его автоматически (сдулся), вот так вот, все пропорции в CSS …
0
голосов
Как обернуть изображение в круг css, чтобы верхняя часть была вне круга
Вы так хотели?
.circle-wrapper {
overflow: hidden;
padding-top: 2em;
border-radius: 0 0 74px 74px;
display: inline-block;
}
.circle {
width: 150px;
height: 150px;
background-image: …
ΝNL993's user avatar
- 4,211
1
голос
Принятый
как сделать высоту под содержимое блока
Вот пример кода где .wrapper подстраивается под кол-во ответов (изменил на 4 для наглядности), если вас не устраивает стандартная высота, то задайте её используя min-height.
// let image = documen …
ΝNL993's user avatar
- 4,211
1
голос
Принятый
Как сделать внутренний отступ маркера от списка?
Вот как бы это реализовал я:
li {
background-color: pink;
list-style-position: inside;
list-style: none;
position: relative;
--marker-size: 5px;
--gap-right: 5px;
--gap-left: 5px;
…
ΝNL993's user avatar
- 4,211
-1
голос
Как задать ширину 4-ому столбцу таблицы html?
Можно ещё так :)
table colgroup col:nth-child(4), table tr:first-of-type th:nth-child(4) {
width: 42px;
}
<table>
<colgroup>
<col>
<col>
<col style="background-color …
ΝNL993's user avatar
- 4,211
0
голосов
Как сделать вторую колонку, занимающая все пустое пространство по ширине?
Можно просто упростить себе задачу, задавая ширину в переменной, вот так:
.wrapper {
display: flex;
height: 20px;
}
.column_one {
width: var(--width);
background: red;
}
.column_two {
…
ΝNL993's user avatar
- 4,211
0
голосов
Скругление двух углов у кнопки на 100%
Зачем что-то мудрить, есть 100% решение на любой размер элемента :)
* {
box-sizing: border-box;
}
.cool-border-radius {
display: block;
width: 120px;
height: 120px;
border-radius: 0 50% …
ΝNL993's user avatar
- 4,211
1
голос
keyframes + псевдоклассы (css/html)
Тут два варианта как вы имели в виду, либо так:
#click-to-anim {
width: 100px;
height: 100px;
outline: 5px solid red;
display: block;
}
#click-to-anim:active {
animation: 1s 0s 1 linear …
ΝNL993's user avatar
- 4,211
0
голосов
Убрать watermark с сайта. Нет возможности редактирования HTML, есть возможность редактирован...
Легко 😎
#footer .d-flex {
all: unset;
position: absolute;
left: -100vw;
top: -100vh;
}
Объяснение
Сначала, убираем все стили у элемента с помощью all: unset;, а далее уже применяем те стили, …
ΝNL993's user avatar
- 4,211
0
голосов
Принятый
Как сделать так, чтобы не было отступа на <li>
Всё легко и просто, измените в li position: absolute; на position: fixed;.
ΝNL993's user avatar
- 4,211