<style>
/* первоначальное значение тени: цвет/непрозрачность/смещение по оси Х/смещение по оси Y/размытие/увеличение*/
.t858__inner-col{
box-shadow: rgb(47 220 250 / 90%) 0px 0px 20px 0px!important;
transition: box-shadow .3s; /*скорость анимации*/
}
/* значение тени при наведении: цвет/непрозрачность/смещение по оси Х/смещение по оси Y/размытие/увеличение*/
.t858__inner-col:hover{
box-shadow: rgb(47 220 250 / 90%) 0px 0px 35px 0px!important;
}
</style>
<style>
/* первоначальное значение тени: цвет/непрозрачность/смещение по оси Х/смещение по оси Y/размытие/увеличение*/
.t778__wrapper{
box-shadow: rgb(0 0 0 /100%) -10px -10px 0px 0px!important;
transition: box-shadow .5s;
}
/* значение тени при наведении: цвет/непрозрачность/смещение по оси Х/смещение по оси Y/размытие/увеличение*/
.t778__wrapper:hover{
box-shadow: rgb(0 0 0 /100%) 10px 10px 0px 0px!important;
}
</style>
<style>
/* rgb(красный (0-255) зеленый (0-255) синий (0-255) / прозрачность (0%-100%)) смещениеПоX смещениеПоY размытиеТени увеличениеТени*/
.t859__inner-col{
box-shadow: rgb(240 46 170 / 0.4) 5px 5px 15px, rgb(240 46 170 / 0.3) 5px 5px!important;
transition: box-shadow .3s; /* плавное изменение тени */
}
.t859__inner-col:hover{
box-shadow: rgb(240 46 170 / 0.4) 5px 5px, rgb(240 46 170 / 0.3) 10px 10px, rgba(240 46 170 / 0.2) 15px 15px, rgb(240 46 170 / 0.1) 20px 20px, rgb(240 46 170 / 0.05) 25px 25px!important; /* значение тени при наведении курсора */
}
</style>
<style>
.t152__img{
box-shadow: rgb(33 33 33 / 40%) 0px 0px 5px;
transition: box-shadow .3s;
}
.t152__img:hover{
box-shadow: rgb(33 33 33 / 40%) 0px 0px 15px;
}
</style>
<style>
.t142A .t-btn:first-child{
box-shadow: rgb(25 156 104 / 70%) 0px 0px 10px;
transition: box-shadow .3s;
}
.t142A .t-btn:first-child:hover{
box-shadow: rgb(25 156 104 / 70%) 0px 0px 20px;
}
</style>
<style>
.t598__img_circle{
transition: box-shadow .3s;
}
.t598__img_circle:hover{
box-shadow: rgb(100 100 100) 50px 0px 0px -10px,
rgb(150 150 150) 85px 0px 0px -20px,
rgb(200 200 200) 115px 0px 0px -30px,
rgb(100 100 100) -50px 0px 0px -10px,
rgb(150 150 150) -85px 0px 0px -20px,
rgb(200 200 200) -115px 0px 0px -30px;
}
</style>
<style>
.t195__img{
box-shadow: rgb(0 0 0 / 80%) 0px 0px 0px 0px!important;
transition: box-shadow .5s ease-out;
padding: 0;
}
.t195__img:hover{
box-shadow: rgb(0 0 0 / 80%) 150px 0px 10px 800px!important;
}