Jump to content
  • Sign Up
  • 0

Не работает Transition


sanya003190

Question

Не работает плавный переход, в чем проблема?

.works {
    display: flex;
    flex-wrap: wrap;

}

.works__item {
    width: 25%;
    height: 350px;
    position: relative;
    overflow: hidden;
}

.works__item:hover .works__content {
    opacity: 1;
}

.works__photo {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;

    transform: translate3d(-50%, -50%, 0);
}

.works__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(232, 69, 69, .9);
    opacity: 0;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: opacity 0.2 linear;
}

.works__title {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 7px;
}

.works__text {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    font-family: 'Raleway', sans-serif;
}

Link to post
Share on other sites

1 answer to this question

Recommended Posts

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Комментарии

    • klierik
      Здравствуйте.   А какую цель Вы преследуете? По этим словам больше схоже на то, что не определена цель создания ресурса. Нехватка какой-то функциональной части говорит об отсутствии MVP. именно так.
    • SeenOOs
      Хочу Вам представить свой сайт - nexROM.ru Полтора года я работаю над сайтом, и уже переустанавливал много раз CMS, тк что то всегда не так, чего то не хватает, и какая то неопределённость приводит в тупик, и вот снова я переустановил движок, и уже не знаю стоит ли собственноручно наполнять контентом сайт, всё это выглядит как конвеерный процесс, и тем более прошлый опыт мне подсказывает, что нужно двигаться немного иначе, вот как идея - предоставить пользователям возможность вести свои блоги, выкладывать файлы и создавать клубы по интересам, но это ещё тяжелее с одной стороны чем просто привлечь посетителя на сайт, здесь пользователя должно заинтересовать создать запись в блоге или тему на форуме. Так что буду рад увидеть полезные советы по развитию и критику
    • Int
      alert('2' + submit.value) нужно было делать внутри request.onreadystatechange, потому что именно там приходит значение с сервера и задаётся value у submit. И через сколько времени это произойдёт, не всегда известно, может и через минуту, если интернет медленный, поэтому таймаутами универсально не побороть.
    • Int
      Я не уверен, что у формы есть событие input, но если даже было бы, то переменные result, num1 и num2 не определены. Они были бы созданы автоматически, если бы это были id, но у тебя-то name. И я не в курсе, сейчас можно писать js-код в атрибутах без javascript: спереди? И есть ли у тега <output> свойство value? Может быть, у него textContent? Подключи Vue, там будет работать так, как ты хочешь, только придётся несколько дополнительных действий сделать, привязывая переменные к инпутам и создавая computed-свойство.
    • Int
      В телеграме картинка есть, вконтакт тоже показывает, даже в аське есть. Видимо, ты как-то не так проверяешь.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.