CSS/HTML color gradient
5 posters
Page 1 of 1
CSS/HTML color gradient
Hello, again
I would have a question that I have this CSS code below.
Or maybe I should use a completely different code to do a gradient? q.q
I would have a question that I have this CSS code below.
- Code:
background: rgb (255,255,255);
background: linear gradient (90deg, rgba (255,255,255,1) 0%, rgba (209,209,209,1) 50%, rgba (255,255,255,1) 100%);
Or maybe I should use a completely different code to do a gradient? q.q
Re: CSS/HTML color gradient
Hello,
You can use that in any zone of your forum. Simply inspect and then add the properties. For example:
This is for your widgets.
You can also check this for more information: https://css-tricks.com/gradient-borders-in-css/
and of course this: https://help.forumotion.com/t42099-learning-the-basic-css
You can use that in any zone of your forum. Simply inspect and then add the properties. For example:
- Code:
.module {
background: rgb (255,255,255);
background: linear gradient (90deg, rgba (255,255,255,1) 0%, rgba (209,209,209,1) 50%, rgba (255,255,255,1) 100%);
}
This is for your widgets.
You can also check this for more information: https://css-tricks.com/gradient-borders-in-css/
and of course this: https://help.forumotion.com/t42099-learning-the-basic-css
Re: CSS/HTML color gradient
I want to snag the gradient into this.
- Code:
<div style = "width: 490px; border-right: 5px double; border-left: 5px double; border-color: # C0C0C0; border-radius: 20px; padding: 10px; margin-top: 10px; line-height: 20px; "> </div>
Re: CSS/HTML color gradient
All CSS attributes that you add after the equal sign be readed by the browser.
- Code:
<div style="width: 490px; border-right: 5px double; border-left: 5px double; border-color: # C0C0C0; border-radius: 20px; padding: 10px; margin-top: 10px; line-height: 20px; background: rgb (255,255,255);background: linear gradient (90deg, rgba (255,255,255,1) 0%, rgba (209,209,209,1) 50%, rgba (255,255,255,1) 100%);"> </div>
Re: CSS/HTML color gradient
https://i.imgur.com/Jrww6zc.png
Well ... it looks like the forum is protesting now because it doesn't do it.
Well ... it looks like the forum is protesting now because it doesn't do it.
Re: CSS/HTML color gradient
Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
Re: CSS/HTML color gradient
Hello @Mineko,
and
Here:How could this be rewritten to use as a border-color?
- Code:
border: 5px solid;
border-image: linear-gradient(90deg, rgba(255,255,255,1), rgba(209,209,209,1), rgba(255,255,255,1)) 1;
box-sizing: border-box;
and
I want to snag the gradient into this.
- Code:
<div style="width: 490px; border: 5px solid; border-image: linear-gradient(90deg, rgba(255,255,255,1), rgba(209,209,209,1), rgba(255,255,255,1)) 1; box-sizing: border-box; margin-top: 10px; line-height: 20px;"></div>
BlackScorpion and TonnyKamper like this post
Re: CSS/HTML color gradient
Problem solved & topic archived.
|
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Similar topics
» Gradient navigation bar
» Quick Reply box color and a little help in HTML
» How to Embed a Google Docs Form into an HTML page using HTML Pages Management
» Admin gradient.
» Gradient Bar
» Quick Reply box color and a little help in HTML
» How to Embed a Google Docs Form into an HTML page using HTML Pages Management
» Admin gradient.
» Gradient Bar
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum