sanya003190

Не работает плавный переход, в чем проблема? .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; }