Блог

Довольно новичок в дизайне CSS,

Я пытаюсь заставить свой виджет discord трансформироваться двумя способами при наведении и выключении при наведении,

При наведении курсора мыши на виджет discord происходит приятный переход, который медленно расширяется, а когда я выключаю мышь, возвращается в исходное положение. То, что я пытаюсь сделать, это помочь вернуться в исходное положение так же, как это происходит, когда я навожу курсор на виджет

До сих пор мне удавалось работать только при наведении

 .disc-widget {

    position: fixed;
    top: 16%;
    right: 75px;
    
    
    border-radius: 5px;

} 

.disc-widget :hover{
    transition: transform 0.5s;
    transform: scale(1.1,1.1);

}
 

Я даже пробовал это, но все равно не работает

 .disc-widget {

    position: fixed;
    top: 16%;
    right: 75px;
    
    
    border-radius: 5px;
    transition: all transform 0.5s;
} 

.disc-widget :hover{
    
    transform: scale(1.1,1.1);
    
}
 

Я не знаю, связано ли это с той частью виджета, которая, возможно, мешает мне это делать, или я просто неправильно использую CSS.