Пользователь пока ничего не рассказал о себе

Наибольший вклад в теги

Все теги (3)

Лучшие ответы пользователя

Все ответы (7)
  • Как сделать острый угол?

    @Aksigera
    Треугольник отдельно сверстан дивом + :before, можно сделать, используя в :before свойство transform
    .comment {
      position: relative; }
      .comment .block {
        position: relative;
        border: 1px cadetblue solid;
        z-index: 1;
        height: 100px;
        width: 400px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px; }
      .comment .block__triangle {
        top: -12px;
        display: block;
        height: 12px;
        width: 20px;
        z-index: 2;
        border-bottom: white 1px solid;
        border-left: solid 1px cadetblue;
        border-top: 0;
        position: absolute; }
      .comment .block__triangle:after {
        top: -15px;
        content: "";
        display: block;
        border-bottom-left-radius: 150px;
        border-left: solid 1px cadetblue;
        border-bottom: 1px solid cadetblue;
        border-top: transparent;
        height: 12px;
        width: 20px; }
    Ответ написан
    Комментировать
  • Ненужное движение псевдоэлемента в ссылке при наведении?

    @Aksigera
    У вас все в порядке с кодом, просто изображение не масштабируется относительно малого круга. Посмотрите здесь codepen.io/anon/pen/adRLXK

    codepen.io/anon/pen/vLVePw - решение. Используется блок .helper, аналогичный по размерам и позиционированию с .service__link. У ссылки мы забираем position: relative и передаем .helper-у. Таким образом, внутренний абсолютно позиционированный элемент рассчитывает свое положение не от изменяющихся границ ссылки, а от постоянных границ внешнего блока-хелпера
    Ответ написан
    1 комментарий
  • Код про утечки памяти?

    @Aksigera
    Каждый раз вызов ReplaceThing создает локальную область видимости, для которой существует свой priorThing со своим значением, которое в момент каждого вызова replaceThing, начиная со второго, равно new Array(1000000).join('*').join('*'), т.к. переменная theThing находится в глобальной области видимости. Тут вопрос понимания замыканий: каждый раз при вызове функции определение var создает персональные переменные, которые и хранятся в той области видимости: И как только переменная используется в любом из замыканий, то она попадает в лексическую область видимости, используемую всеми замыканиями в этой области видимости
    PS: замыкания и области видимости синонимичны
    Ответ написан
    2 комментария