Как сделать такую же анимацию как на скрине? [закрыт]
Как сделать плавный переход как на скрине
Category: scss
Как получить ширину элемента, находящегося вне DOM? [дубликат]
Как получить ширину элемента, находящегося вне DOM?
Как сделать такое через тег <details>[ПОМОГИТЕ!!!!!]
Помогите как сделать ето,нужен html,css и хз может и js,сделать с помощю тега details!
код которий бил на codepen:https://codepen.io/devunma/pen/QWgGKyQ(не с помощю details)
ОЧЕНЬ ПРОШУ ПОМОГИТЕ!
…
Имена классов через CSS модули генерируются странным образома
Я настроил CSS-modules через webpack, но в результате названия классов выглядят не так как надо.
`Node.js: v14.16.0`
`npm: 6`
Такое чувство, что webpack на них не реагирует. Хотя он должен выглядеть как-то так:
class="Input-input_yto…
Можете указать на ошибки в моей верстке?
Не могли бы вы указать на ошибки или недочёты в моей верстке сайта? Что нужно исправить, что улучшить ( ещё обучаюсь ).
Ссылка на github репозиторий – github
Ссылка на github page – github-page
…
Как во Vue работать с scss перменными
Можно ли как то взаимодействовать с переменными из scss во vue, например хочу сделать темную тему на сайт, и по нажатию на кнопки например переменная белый становится черной
…
Почему не работает jquery код? При клике ничего не происходит
$(document).ready(function () {
$(‘.header__text-form’).on(‘click’, function () {
$(‘.header__text-form’).removeClass(‘.header__text-form–active’);
});
})
.header {
&__text-form {
background: #fffff…
Как сконвертировать отдельные scss-файлы в отдельные css-файлы (Webpack)?
В проекте в папке /src лежит куча scss-файлов внутри разных папок:
|- src
|- scss
global.scss
|- pages
index.scss
works.scss
blog.scss
Необходимо c помощью webpack сконвер…
eventEmitter angular
У меня есть компонент футер который в одном компоненте будет а в другом нет,в первом компоненте оно принимает значение от json файла и значение принимается успешно,теперь я хочу это значаение передать в другой компонент через eventEmitter(…
Как сделать активный слайд центрированным, если "centeredSlides: true" не работает?
Помогите, пожалуйста. Мне нужно сделать слайдер следующего вида
Но мой слайдер по какой-то причине не центрирован. Мне нужно три слайда, где активный слайд больше и центрирован…
Вот что я пытался сделать codepen jsfiddle
const swipe…
Как избавиться от смещения блоков ul-li drop-down меню?
Есть drop-down меню:
Scss:
#select-li {
cursor: pointer;
padding: 8px;
font-size: 15px;
border-bottom: 0.1px solid rgba(0, 0, 0, .1);
}
#select-ul {
cursor: pointer;
border: 0.1px solid rgba(0, 0, 0, .1);
border-top: 0;
bac…
SCSS, преобразованный в массив, нужно правильно перебрать и создать вложенные массивы
Допустим есть такой массив:
let arr = [‘asad{‘,’font-size:12px’, ‘qwe{‘, ‘asd{‘,’}’,’}’,’}’]
на выходе нужно , чтоб получилось:
[
[
‘asad{‘,
‘font-size:12px’,
[
‘qwe{‘,
[‘asd{‘,’}’],
‘}’
]…
Почему sprite.svg не отображаются через gulp (но отображается через live server)?
Написал gulp – все работает, все компилируется
let project_folder="dist"; //выгружаемая папка для демонстрации заказчику
let source_folder="src"; //папка с исходниками
//создание объектов, которые содержат пути к файла…
Почему sprite.svg не отображаются через gulp (но отображается через live server)?
Написал gulp – все работает, все компилируется
let project_folder="dist"; //выгружаемая папка для демонстрации заказчику
let source_folder="src"; //папка с исходниками
//создание объектов, которые содержат пути к файла…
Липкое меню которое двигается за мышкой
При наведении мышки в красную область, нужно что бы темный блок с меню двигался за мышкой вверх – вниз не отлипая от правого края, как такое реализовать, буду благодарен за помощь.
Стек на котором нужно сделать React/ReactHooks но можно и …
Не понимаю, почему gulp не копирует изобрадения формата png и svg?
Вот gulpfile.js:
let project_folder = require(‘path’).basename(__dirname);
let source_folder = ‘#src’;
let fs = require(‘fs’);
let path = {
build:{
html: project_folder+’/’,
css: project_folder+’/css/’,
js…
При сборке путь шрифтов генерируется не правильно. Как это исправить?
У меня тут такая проблема с webpack, что пути в font-face для шрифтов после сборки генерируются не правильно.
Вот так выглядит файл конфигураций:
module: {
rules: [
{
test: /\.js$/,
use: "babel-loader",
…
Angular active class ngFor
у меня есть массив который состоит из объектов,этот массив я добавляю в HTML с помощью *ngFor и обрабатываю событие клик,чтобы при нажатии добавить активный класс.
@Directive({
selector: ‘[appHome]’
})
export class HomeDirective {
@Ho…
В выпадающем списке городов надо сделать **currentCity** цвет color: greenyellow , но синтаксис [class.name]="expression" не сработал
В html модуле прописал это:
<a class="navigation__dropdown-menu-item"
*ngFor="let city of cities"
(click)="setCurrentCity(city); cityDropdown = false"
…
Как забиндить на кнопки стрелок события? JS
let container = document.querySelector(‘.con-js’);
let arrowUp = document.querySelector(‘.arrow-up’);
let arrowRight = document.querySelector(‘.arrow-right’);
let arrowDown = document.querySelector(‘.arrow-down’);
let arrowLeft = docum…
Как правильно вписать большую картинку в маленький блок целиком на CSS/SCSS?
В макете есть такой блок:
Тут две строки по 4 примера работ. Решил сделать на flex одну строку, чтоб по кнопке можно было догружать еще работы, но пока до JS не дошел. Нужно вписать картинку любого размера в квадрат.
Есть например картинк…
Как реализовать прокрутку таблицы при выполнении условий?
Есть таблица в которой юзер с помощью клавиатуры может влево/вправо/вниз/вверх перемещаться по ячейкам (это все работает), сейчас ячейка перемещается к примеру вправо и таблица скролится, а нужно что бы таблица скролилась только если ячейк…
Как реализовать прокрутку таблицы при выполнении условий?
Есть таблица в которой юзер с помощью клавиатуры может влево/вправо/вниз/вверх перемещаться по ячейкам (это все работает), сейчас ячейка перемещается к примеру вправо и таблица скролится, а нужно что бы таблица скролилась только если ячейк…
Обтекаемость элементов в сетке при изменении высоты одного из них
Всем привет!
Есть сетка из элементов в несколько столбцов, у каждого элемента есть спойлер с текстом.
Верстка примерно следующая:
<div class="list">
<div class="list__item"></div>
<div class=&qu…
При написании media запросов Gulp выдаёт ошибку: Error in plugin "sass"
Всем доброго дня! Подскажите, пожалуйста, в чем может быть причина?
При написании медиа запросов возникает данная ошибка: Error in plugin "sass"
Message:
src\sass\style.scss
Error: File to import not found or unreadable: base…
Flip-cards на IOS устройствах. Текст бликует при закрытии карточки
Всем привет! У меня такая проблема. Я создал флип-кард. При нажатии на карточку она переворачивается. Есть сразу несколько карточек. Есть открытая карта и при нажатии на другую закрытую карту открытая закрывается. НО прикол в том что на IO…
Не подключаются стили normalize.css в gulp
Помогите разобраться в чём проблема, через @import подключаю стили normalize, выдаёт всегда ошибку что файлов нету… Пути менял не один раз, уже даже не знаю какие ещё есть решения.
…
Как можно сделать из navbar sidebar для мобильного?
Каким образом можно сделать из горизонтального navbar sidebar, находящийся слева для мобильных устройств?
Это код для веб версии.
HTML
<div class="container-header">
<img class="logo" src="/assets/img/ic…
Слайдер с табами
Подскажите слайдер с табами, что бы при переключении по стрелкам активный таб менялся,
и по клику на таб, активный слайд менялся, можно библиотеку, нашел только как вариант Coda Slider, но он не совсем подходит.
Может есть варианты не би…
Свежие комментарии