Как центрировать div, используя свойство CSS Grid
9 месяцев назад
Superset: CSS-шаблоны для стилизации дашбордов
Стандартный дизайн Superset может заиграть новыми красками, если уделить внимание работе со стилями. В этой статье рассмотрим основные селекторы и принципы, которые используются для редактирования CSS. Изменение фона дашборда, цвета текста, шрифта: body { background-color: #DCDCDC; color: #191970; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-style: normal;
} Изменение фона графиков: .dashboard-component {
background-color: #696969!important;
} Для принудительного применения параметров стиля в конце описания необходимо добавить конструкцию "!important"...
CSS эффект исчезновения или fadeOUT + BLUR без JavaScript
Интересный анимированный эффект на CSS3 без JavaScript (кроссбраузерность подключать не стал), но это возможно. Создаем в HTML обертку: <div class="wrapper">
<span>A</span><span>P</span><span>E</span><span>X</span><span>W</span><span>E</span><span>B</span>
</div> Прописываем CSS для обертки:.
wrapper {
display: block;
text-align:center;
font-size: 60px;
font-weight: bold;
} CSS для каждого элемента: .wrapper span {
line-height:500px
} .wrapper span:nth-child(1) {
animation: blur 3s ease 0s 1;
animation-fill-mode: forwards;
} ...
