Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос
IninsaY

IninsaY

  • 6
    вклад
  • 47
    вопросов
  • 15
    ответов
  • 40%
    решений
Лайки
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • В чем проблема с анимацией?

    Eridani
    Антон @Eridani
    Мимо проходил
    @keyframes text-move {
    	0% {
    		left: 0;
    		top: 0;
    	}
    	33.3% {
    		left: 0;
    		bottom: 0;
        top:unset;
    	}
    	66.3% {
        left:unset;
    		right: 0;
    		bottom: 0;
    	}
    	100% {
    		right: 0;
    		top: 0;
    	}
    }
    Ответ написан более двух лет назад
    1 комментарий
    1 комментарий
  • Как сделать чтобы при нажатии на ссылку происходил скролл вниз?

    ArsenyMatytsyn
    Арсений Матыцин @ArsenyMatytsyn Куратор тега JavaScript
    CEO iAmStudio, предприниматель.
    Чтобы скроллилось, вместо href вешай
    onclick="window.scrollTo({ top: [расчетная прокрутка], behavior: 'smooth'});"
    . Но это не ест осел, поэтому если он тебе нужен, стоит воспользоваться либо аналогичной функцией jQuery, либо анимировать по старинке.

    Если же тебе нужно, чтобы просто проскакивало к объекту и это можно было использовать из коробки для того, чтобы формировать ссылку — выше написали про якоря.

    ЗЫ: если используешь JS вместо якоря, то ссылку вообще не обязательно и скорее не стоит использовать.
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Как сделать такой input?

    Froggyweb @Froggyweb
    5e4ad734d072c812861910.jpeg
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Подскажитe примеры креативных сайтов-визиток веб-программистов?

    Kaaboeld
    Евгений Попов @Kaaboeld
    Web-разработчик
    Тоже сейчас размышляю о подобном(для своего(команды) сайта).
    Вот из последнего для вдохновения что мне подкинули:
    mystaticself.com
    Так же рекомендую посмотреть на работы с awwwards:
    awwwards.com
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Почему текст не выравнивается?

    Ankhena
    Ankhena @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Потому что содержимое флексов выравнивается вдоль главной оси свойством justify-content, а не text-align
    Ответ написан более двух лет назад
    1 комментарий
    1 комментарий
  • Почему текст не выравнивается?

    LenovoId
    Человек с Казахстана @LenovoId
    I want, women not to get sick
    .center-buttons {
    display: flex;
    align-items: center;
    width: 10.6%;
    background-color: red;
    margin-right: 5px;
    justify-content: center;
    }
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Почему не так? (while)?

    adugin
    Andrey Dugin @adugin Куратор тега Python
    from functools import reduce
    from operator import mul
    
    def persistence(n):
        i = 0
        while n > 9:
            n = reduce(mul, map(int, str(n)), 1)
            i += 1
        return i

    Вариант без дополнительных импортов:
    def persistence(n):
        i = 0
        while n > 9:
            n = eval('*'.join(f'{n}'))
            i += 1
        return i

    Вариант без while:
    from functools import reduce
    from operator import mul
    from itertools import count
    
    def persistence(n):
        for i in count(0):
            if n > 9:
                n = reduce(mul, map(int, str(n)), 1)
            else:
                return i

    Проверки корректности результата:
    assert persistence(39) == 3
    assert persistence(999) == 4
    assert persistence(4) == 0
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Почему не так? (while)?

    kshnkvn
    Ivan Yakushenko @kshnkvn
    yay ✌️ t.me/kshnkvn
    Как вариант без использования дополнительных импортов:
    def persistence(num):
        temp = 1
        while num > 9:
            for n in map(int, list(str(num))):
                temp = temp * n
            num, temp = temp, 1
        return num
    Ответ написан более двух лет назад
    3 комментария
    3 комментария
  • Как разместить текст как на скрине?

    ns174ru
    Artem Ivanov @ns174ru
    https://ns174.ru
    text-align: center;
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Как разместить текст как на скрине?

    Владик Бубин @ikoit
    .content-block-2-text-2 {
    text-align: center;
    }
    Если требуется такое же подчеркивание пунктирной линией, то добавить:
    border-bottom: 2px dotted #d51b31;
    Ответ написан более двух лет назад
    4 комментария
    4 комментария
  • Не могу сделать подкладку?

    Natalia_ai
    Natalia ivanova @Natalia_ai
    люблю вёрстку
    Попробуйте сделать через элемент before и абсолютное позиционирование как здесь https://codepen.io/Natalia_ai_ivanova/pen/GRRPoLq
    Ответ написан более двух лет назад
    8 комментариев
    8 комментариев
  • Как сделать как на картинке?

    UnluckySerivelha
    Dymok @UnluckySerivelha
    nav {
    ...
    margin-left: auto;
    }
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • На ютубе много уроков по вёрстке, но практически все застарели, где можно выучить новую верстку?

    Александр Алексеев @shure348
    почитать спецификацию
    многие используют конкретно эти теги неправильно
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Как сделать такую же линию?

    origami1024
    origami1024 @origami1024
    went out for a night walk
    Вариант без псевдоэлементов, фон через linear-gradient
    .wrapper{
      text-align: center;
      background-image: 
      linear-gradient(transparent calc(49%), skyblue calc(49%), transparent calc(49% + 1px)),
      linear-gradient(transparent calc(49%), skyblue calc(49%), transparent calc(49% + 1px));
      background-size: calc(45% - 80px);
      background-repeat: no-repeat;
      background-position: 0 0, 100% 0;
    }



    UPD: теперь корректно работает с картинкой на фоне
    Ответ написан более двух лет назад
    9 комментариев
    9 комментариев
Оценили как «Нравится»
Самые активные сегодня
  • foxyhunt
    • 15 ответов
    • 0 вопросов
  • Drno
    • 11 ответов
    • 0 вопросов
  • DF0rig
    • 5 ответов
    • 1 вопрос
  • dimonchik2013
    Dimonchik
    • 6 ответов
    • 0 вопросов
  • gogowq
    • 5 ответов
    • 1 вопрос
  • alexey-m-ukolov
    Алексей Уколов
    • 6 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации