Java SE (Java Platform, Standard Edition)

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

SVG to CSS Help for Linear Gradient

PugazhendhiApr 12 2012 — edited Apr 25 2012

Below is the linear gradient i created to skin the TabPane

SVG code

<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="6.4492" y1="95.292" x2="1186.2246" y2="95.292">
<stop offset="0" style=stop-color:#C2B59B;stop-opacity:0.43"/>
<stop offset="0" style=stop-color:#E2DBCE;stop-opacity:0.66"/>
<stop offset="0.7939" style=stop-color:#C2B59B;stop-opacity:0.19"/>
<stop offset="1" style=stop-color:#C2B59B;stop-opacity:0.02"/>
</linearGradient>

Css Code i used as

#tab-pane *.tab-header-background {
    -fx-background-color: linear-gradient(#c2b59b 40%, #e2dbce 60%, #c2b59b 19%, #c2b59b 2%);
}

Now my question is how to specify theses thing in css
x1="6.4492" y1="95.292" x2="1186.2246" y2="95.292" and offset of each stop ?

Edited by: Pugazhendhi on Apr 12, 2012 2:59 AM

Edited by: Pugazhendhi on Apr 12, 2012 2:59 AM

Locked Post

New comments cannot be posted to this locked post.

Locked on May 23 2012

Added on Apr 12 2012

#javafx-2-0-and-later, #javafx2

6 comments

280 views