Question

Is there a way to change part of a CSS3 linear-gradient from codebehind? e.g.:

In Site.css:

.MyClass{ background-image: linear-gradient(0deg, #FFFFFF, #000000); }

And in the markup:

<div class="MyClass">Stuff</div>

I want to change (from codebehind) the #000000 only. And only for that div.

Answer 1

You can use:

<style>
    .MyClass{ background-image: linear-gradient(0deg, #FFFFFF, <%=myVariable%>); }
</style>

In your master page, in the HEAD.

You should leave your stylesheet as-is before this (inline stylesheet). This allows the browser to continue to cache your main CSS file.