Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Переменная в linear gradient (https://javascript.ru/forum/css-html/81974-peremennaya-v-linear-gradient.html)

fori 24.02.2021 06:12

Переменная в linear gradient
 
Здравствуйте, скажите пожалуйста как поставить переменною в linear gradient
Тоесть
<div></div>
<style>
div{
width:80vw;
height:10vh;
background: linear-gradient(to left, blue 50%, green 50%);
}
</style>

работает
<div></div>
<style>
--val:50%;
div{
width:80vw;
height:10vh;
background: linear-gradient(to left, blue --val, green --val); 
}
</style>

не работает

voraa 24.02.2021 07:55

<div></div>
<style>
:root{
--val:50%;
}
div{
width:80vw;
height:10vh;
background: linear-gradient(to left, blue var(--val), green var(--val));
}
</style>


Часовой пояс GMT +3, время: 13:49.