Сам код: <style> .transition-opacity { background: #808991; color: #FFF; margin: 0 auto; padding: 10px; text-align: center; max-width: 500px; font-size: 20px; border: 4px ridge black; cursor: pointer; transition: 3s linear; } .transition-opacity:hover { opacity: .1; } </style> Вывод: <div class="transition-opacity">изменение прозрачности opacity</div>