Задать вопрос
Rst0

Rst0

Ответы пользователя по тегу CSS

  • Плавное исчезновение объектов при скролле?

    Rst0
    @Rst0
    если на CSS
    transition для нужных блоков

    .main-block__logo {
		color: #ffffff;
    font-size: 55px;
    transform: scale(1);
    transition: transform 2s ease;
    box-shadow: 0 0 2px 0 black;
	}
    Ответ написан
    Комментировать
    Комментировать

  • Как настроить поведение бургер меню?

    Rst0
    @Rst0
    1) всегда или только после прокрутки немного вниз ? т е меню всегда мобильное?
    1.1) Возможно
    2) уточните первый пункт
    3) сменить 
    .header__menu {
        position: fixed;
        top: 0;
        
       /* left: -100%;*/       right:-100%;
  
        width: 50%;
        height: 100%;
        overflow: auto;
        background-color: black;
        transition: all  0.3s ease 0s;
        padding: 70px 10px 20px 10px;
    }
    .header__menu.active {
       /* left: 0;*/       right:0;

    }
    Ответ написан
    2 комментария
    2 комментария

  • Как из верстки вытащить переменные в файл css?

    Rst0
    @Rst0
    вставьте в конец файла перед закрывающим тегом body или в консоль
    скрипт создаст список всех классов и ID на странице и выведет текстовое поле - копируйте и вставляйте.
    тегов div span и т.д. в списке не будет - сами справитесь)

    const textarea = document.createElement('TEXTAREA');
 document.querySelector('body').appendChild(textarea);
 textarea.innerHTML = '';
 const el = document.querySelectorAll('*');
 var css_list = '';
 for(var i = 0; i < el.length; i++){
	if(el[i].id!==''){
               textarea.innerHTML += '#'+el[i].id+'{}\n';
	}
	if(el[i].classList.length > 0){
 	       for(var c = 0; c < el[i].classList.length; c++){
                       textarea.innerHTML += '.'+el[i].classList[c]+'{}\n';
                             console.log(el[i].classList[c]);
                       }
                }
	}
    Ответ написан
    Комментировать
    Комментировать