Вопросы с меткой [css3]
CSS3 — третья версия формального языка описания внешнего вида документа CSS.
3,897
вопросов
0
голосов
1ответ
26 показов
Что такое уровни каскада?
Думал , что более-менее понял тему каскадности, оказалось не совсем. Я понял, что это набор правил, которыми руководствуется браузер , когда происходит конфликт при задании стилей одному и того же ...
0
голосов
0ответов
22 показа
возможно ли сделать пагинацию без переключения главной страницы только через HTML и CSS?
Ребят подскажите возможно ли вот из этого макета https://www.figma.com/file/JYAvGyQmC2b48xA1uzNiOZLy/Blitz?node-id=0%3A1
сверстать четвертый блок с карточками что бы он корректно работал используя ...
0
голосов
1ответ
21 показ
Как присвоить высоту одного элемента к другим элементам на чистом JS?
Как мне через vanilla js получить высоту самого высокого элемента слайдера и присвоить его к остальным, чтобы по итогу была одна высота для всех?
На сайте использовался swiper-слайдер, при добавлении ...
0
голосов
1ответ
13 показов
Не получается разместить блок в нужную позицию CSS , flex/
Ребята помогите! Проблема вот в чем:
не получается правую колонку разместить потому как .blockleft занимает все пространство хотя я маржу убрал.
Подскажите в чем моя ошибка?
@font-face {
font-...
0
голосов
0ответов
20 показов
Когда переходить к обучению JavaScript? [закрыт]
Решил пойти по пути frontend разработчика в самом начале, верстальщика так сказать. Активно изучаю Css , пытаюсь вникнуть в его тонкости , комбинаторы , спецификацию, технологию flexbox итд. Стоит ли ...
1
голос
1ответ
38 показов
Z-Index не помогает для кнопок
Хочу поместить псевдоэлемент на уровень ниже, чем сам элемент .button__base или кнопка "связатся с нами", но почему-то не получается.
* {
-webkit-box-sizing: border-box;
box-sizing: ...
0
голосов
1ответ
21 показ
Сделать из двух колонок, две колонки и одну внизу сплошную при адаптиве
Вот пример как сейчас: enter image description here
Вот как нужно: enter image description here
Есть такие блоки на bootstrap 4 , нужно сделать чтобы коричневый блок стал на уровень с синим, а желтый ...
3
голоса
2ответа
28 показов
Возможно ли поменять цифры у списка <ol>?
Кто нибудь знает как поменять цифру у списка что бы вместо 1,2,3... были свои номера?
1
голос
1ответ
28 показов
Проблема со стилями css и flex-box
Пробую верстать небольшой лендинг, подключил файл css все работало норм.дошло дело до flexов
я создал контейнер с содержимым. и прописываю в css для него display:flex; не чего не происходит.
захожу в ...
1
голос
2ответа
42 показа
Как нарисовать и анимировать спичку?
Меня заинтересовала работа участника @Qwertiy♦, где он нарисовал спичку с использованием технологии CSS.
Вот его ответ на вопрос Как нарисовать спичку на CSS не изменяя HTML:
html {
font-size: ....
2
голоса
1ответ
52 показа
Как добиться такого закругления углов через css?
Есть вот такой вот блок из макета:
Как мне добиться относительно похожих углов? Работал с border-radius, выходит вот так:
0
голосов
0ответов
18 показов
Как сохранять положение кнопок навигации при нажатии?
у меня есть навигационное меню,
html:
<header class="scrmenu">
<span class="menu-logo">beans</span>
<nav class="scrollmenu">
...
1
голос
2ответа
36 показов
Как скрыть div ы начиная с третьего
Как скрыть div ы начиная с третьего т.е. есть 10 div и начиная с 3 нужно их скрыть?
0
голосов
3ответа
41 показ
Задать уголки для блока
У меня есть html код:
<h1>Groot!</h1>
<div class="box">I am Groot!</div>
Нужно добавить css стили не изменяя html код, чтобы получилось как на картинке
Как я понял ...
0
голосов
0ответов
22 показа
css,html,reactjs
У меня на сайте есть кнопка. На ней в статичном состоянии отображается только иконка. Мне нужно сделать так чтоб при наведении на кнопку , на кнопке воспроизводилась анимация появления текста слева ...
-1
голос
0ответов
15 показов
Анимация элемента на React при динамическом изменении контента
Пытаюсь анимировать изменение ширины div при ховере на родителя, но абсолютно нет идей как это правильно сделать. Знаю, что если изменять ширину явно, то можно повесить transition и все будет работать,...
3
голоса
2ответа
82 показа
Реально ли сделать такую галерею на чистом CSS?
var sw = document.getElementById("sliderWindow"); // большая картинка
var mi = document.getElementsByClassName("miniImg"); //маленькие картинки
var arrOfImg = [
'https://picsum.photos/id/237/200/...
0
голосов
0ответов
22 показа
Как расположить блок поверх границы двух блоков?
Нужно расположить блок video так, чтобы он заезжал на блок info на 50px.
Пробовала с помощью свойств height и overflow: visible, но это способ оказался ошибочным.
.video__iframes {
height: 316px;...
2
голоса
1ответ
58 показов
css: фильтры для заднего фона
Не подскажете, есть ли в css фильтры для background, особенно интересен hue
хочу при наведении мышки на блок менять иконку-задний фон, но не хочу ее перерисовывать в том же фотошопе и вставлять в div:...
1
голос
1ответ
42 показа
Как сверстать блок с прогрессом?
Как сверстать такой блок? Блок идёт вверх, заполняется по мере получения опыта и пролистывается вверх.
0
голосов
1ответ
27 показов
Как через CSS убрать полупрозрачный тёмный прямоугольник при нажатии пальцем на элемент на мобильных устройствах?
При нажатии на ссылку, на мобильных устройствах, на сотни миллисекунд появляется полупрозрачный тёмный прямоугольник на нажатой ссылке, надо через CSS убрать полупрозрачный тёмный прямоугольник
4
голоса
3ответа
98 показов
Как сверстать блок с обрезанной по диагонали картинкой?
Как сверстать такой блок? Больше интересует картинка, как ее вырезать такой формой или обрезкой с помощью css?
1
голос
1ответ
55 показов
Как реализовать это силами CSS
Есть такие раскладки-сетки (блоки просто залиты разными цветами, что бы было понятно где какой блок)
Разметка:
<section class="block__main">
<div class="block__top">
...
0
голосов
1ответ
40 показов
Не применяется padding, элемент выходит за пределы контейнера, размеры шрифтов не совпадают с макетом
мне нужна помощь понять один момент, при просмотре макета в Zeplin, размер шрифта, допустим, указан 41px, а его высота height равна при этом 44px
но в самой верстке эта высота при таком же размере ...
-2
голоса
1ответ
32 показа
При изменении размера страницы содержимое съезжает стороны HTML+CSS [закрыт]
Что добавить в код CSS, чтобы содержимое не разъезжалось в стороны при уменьшении размера страницы зажатием Ctrl + колесо прокрутки?
У логотипа float: left, у меню и ссылки авторизации float: right.
1
голос
2ответа
78 показов
Прозрачный текст при наведении на кнопку
Есть такая кнопка
.header {
background-image: url(https://wallbox.ru/resize/640x480/wallpapers/main2/201717/art-ogni-kosmos-zvezdy-uzory-tumannost-rossyp-mercanie.jpg);
height: 100vh;
}
....
0
голосов
1ответ
32 показа
Как применить шрифт к utf символу
Есть utf символ ∞.
Я его поместил в спан, в css задаю этому спану font: жирность, размер, шрифт
На выходе получаю пшик, символ всё такой же уродливый.
Суть вопроса такая, у десктопного вк этот символ ...
5
голосов
1ответ
57 показов
0
голосов
0ответов
12 показов
Как на CSS нарисовать сектор? [дубликат]
Подскажите, как стилями создать сектор ? Или только через clip-path ?
0
голосов
0ответов
29 показов
Направление элементов в CSS grid
Есть такая гридовская сетка:
.content {
display: grid;
grid-auto-flow: column;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr 1fr 1fr;
grid-template-rows: 50px 50px 50px;
...
0
голосов
1ответ
24 показа
css: вывод слов в несколько столбцов
подскажите можно ли лишь с одного css сделать следующее:
есть много записей вида
<div>текст</div>
требуется вывести их в несколько столбцов, причем
записи располагаются так, чтобы занять ...
0
голосов
2ответа
52 показа
Как принудительно активировать стиль для элемента через JS?
Не получается активировать стиль из JS для элемента. Если смотреть в браузере через код элемента, то стиль нормально определяется, но он не активирован т.е. не стоит галочка в стилях
Что за беда? !...
1
голос
1ответ
73 показа
Как сделать раскрывающееся и скрывающееся меню на js?
Есть скрытое меню. Раскрывается оно по клику на кнопке.
При клике на кнопку, блоку меню присваивается класс menu_active. Меню открывается и скрывается только при клике на кнопку <button>.
$(...
1
голос
1ответ
48 показов
Сделать обрезку блока с помощью overflow и border-radius, но оставить содержимое фиксированным
Нужно сделать обрезку блока, который растягивается на всю высоту окна, путем обрезки через overflow и border-radius.
Пример ниже.
Анимация тоже будет, с изменением паддинга и радиуса.
Проблема в том, ...
0
голосов
1ответ
31 показ
Фон перекрывает выделенный мышкой текст
В общем, в одной проге(obsidian) я юзаю одну тему(molecule.css). И вот в этой теме серый фон внутри блока `` перекрывает выделение текста. С чем это может быть связано, как исправить?
Вот код css: ...
0
голосов
1ответ
49 показов
CSS Блымает картинка при загрузке
Есть изображение для бэкграуна с размером 4к
Когда открываю страницу которую создал. То изображение не сразу появляется, а блымает мол прогружается.
Как от этого избавится? Просто когда уменьшил до ...
1
голос
2ответа
45 показов
Изменение размера
У меня есть textarea высотой в одну строку. Необходимо, чтобы когда пользователь нажимал на ентер (т.е. переход на новую строку) textarea увеличивался в высоту на одну строку.
0
голосов
1ответ
26 показов
Как сделать нумерованный список с точкой?
Как сделать список формата.
1.Главный пункт (жирный текст.)
1.1 Подпункт
1.2 Подпункт
1.3 Подпункт
2.Главный пункт (жирный текст.)
2.1 Подпункт
2.2 Подпункт
2.3 Подпункт
Я когда через простые ...
1
голос
0ответов
32 показа
Не получается сделать скрипт для переключения “Tabs Menu” Node.js Electron
Суть в том что по умолчанию открывается "tab1", это является начальной страницей. При переключении между ними всё содержимое "tab1" пропадает и не появляются другие. Как я понял ...
0
голосов
0ответов
19 показов
Как сделать чтобы основная часть была сзади меню,
Как сделать чтобы div.main был сзади самой меню
Html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>NewMax</title&...
2
голоса
1ответ
35 показов
Как зафиксировать (display:fixed) блок Sidebar, если этот блок находится под display:flex;?
Как зафиксировать (display:fixed) блок Sidebar (Фиолетовый блок), если этот блок находится под display:flex;?
<div class="content">
<div class="countainer">
...
1
голос
1ответ
50 показов
Плавное появление линии при скролле страницы
Как при скролле сайта, когда дойду до нужного блока, реализовать плавное из центра до левого и правого края появление линии?
1
голос
1ответ
31 показ
Не получается изменить картинку(кнопку) при наведении на нее курсора в position: fixed
Не получается изменить картинку при наведении на нее курсора. Есть две картинки-кнопки.png надо, чтобы одна заменила другую при наведении на неё мыши.
Важный момент кнопка находится в
position: fixed;...
0
голосов
0ответов
12 показов
Grid задать остаточное пространство слева от элементов
Существует блок с текстом и шкалой прогресса. Главный контейнер гибкий, в отличии от текста и шкалы прогресса. Внутри контейнера тег <a>, который имеет display: grid, а внутри блок с текстом и ...
0
голосов
1ответ
50 показов
:after перекрывает содержимое страницы
У меня почему-то псевдо класс :after у блока .modal перекрывает всё содержимое на странице
document.getElementById("close").onclick = function() {
document.getElementById("myModal").style....
4
голоса
1ответ
216 показов
Анимация 3D куба с внутренним элементом
Задача: Анимация шара, расположенного внутри куба, который должен двигаться в соответствии расположения курсора на мониторе, и дно куба по которому будет двигаться шарик будет повторять монитор. Шарик ...
1
голос
2ответа
23 показа
Как расположить текст ссылки по центру ее фона?
Это ссылки отображающиеся в ul-ном списке, рамки сделаны именно для ссылок.
Как сделать так что бы текст не прилипал к левой стороне и был по центру?
3
голоса
1ответ
47 показов
Вращение объектов средствами CSS. Непонятно как работает направление вращения
Если посмотреть на картинку, мы видим, что кубик в начальном положении (с одной точкой) двигается за курсором. При движении курсора влево-вправо, кубик вращается по оси Y. Собственно, этого я и ...
2
голоса
1ответ
74 показа
Как реализовать сложную пунктирную линию на сайте (как на картинке)?
.info {
display: flex;
justify-content: center;
margin-top: 20px;
flex-direction: column;
align-items: center;
position: relative;
}
.info-container {
position: relative;
width: 100%;
...
0
голосов
1ответ
37 показов
Разъясните кое-что о блоках css?
Как я понял по умолчанию ширина блока div равна доступной ширине родителя. А Высота div по умолчанию считается по содержимому. Скажите, а в этом случае пустые блоки накладываются типа друг на друга??
&...