Chrome CSS Gradient
8 years 7 months ago #34303
by WebGuyOK
Chrome CSS Gradient was created by WebGuyOK
Haven't been able to get css graient to show in chrome. I've tried every code possible. Is this a PageBuilder bug?
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(100,180,189, 1) 100%);
/* ff3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(100%,rgba(100,180,189, 1)));
/* safari4+,chrome */
background:-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(100,180,189, 1) 100%);
/* safari5.1+,chrome10+ */
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(100,180,189, 1) 100%);
/* opera 11.10+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(100,180,189, 1) 100%);
/* ie10+ */
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(100,180,189, 1) 100%); /* w3c */
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(100,180,189, 1) 100%);
/* ff3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(100%,rgba(100,180,189, 1)));
/* safari4+,chrome */
background:-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(100,180,189, 1) 100%);
/* safari5.1+,chrome10+ */
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(100,180,189, 1) 100%);
/* opera 11.10+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(100,180,189, 1) 100%);
/* ie10+ */
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(100,180,189, 1) 100%); /* w3c */
Please Log in or Create an account to join the conversation.
8 years 7 months ago #34311
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Chrome CSS Gradient
Hi
I have just checked, using the background options in Page Builder you can create a gradient which works on Chrome
CEd
I have just checked, using the background options in Page Builder you can create a gradient which works on Chrome
CEd
Joomlack Webmaster and Developer
Please Log in or Create an account to join the conversation.
8 years 7 months ago #34356
by WebGuyOK
Replied by WebGuyOK on topic Chrome CSS Gradient
Yes, but there is no radial. CSS used to make gradients doesn't seem to show in chrome or in mobile. Any chance radial can be added to a future update?
Thanks for the reply.
Thanks for the reply.
Please Log in or Create an account to join the conversation.
8 years 7 months ago #34358
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Chrome CSS Gradient
for now this is not plan .
Why not one day
For your gradient, try it first on a single html page then it shall work in page builder too. There is no reason for it to not work.
Why not one day
For your gradient, try it first on a single html page then it shall work in page builder too. There is no reason for it to not work.
Joomlack Webmaster and Developer
Please Log in or Create an account to join the conversation.
Time to create page: 0.203 seconds