Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you have been placed in read-only mode.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

CSS3: Gradient Generator

Development

1 Posts 1 Posters 243 Views

undefined Offline
undefined Offline
phenomlab

wrote on last edited by

#1

Another resource I’m using pretty much full time is the CSS3 Gradient Generator below. It’s extremely useful, and provides a very quick method to generate gradients when required. Both powerful and easy to use, it should be in every web developer’s arsenal

https://cssgradient.io/
Author of OGProxy, Swatch, Threaded, Card, and most of Sudonix's bugs…
1 Reply Last reply

1

Related Topics

undefined

CSS code customization for the link preview plugin
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation css nodebb
6

2

3 Votes

6 Posts

784 Views

undefined

@kadir-ay-0 marking as resolved based on https://community.nodebb.org/topic/17109/manual-build-a-night-mode-for-harmony/5 Please do not raise requests in two places - here and the NodeBB forums. All this does is create unnecessary load for both parties.
undefined

Rotating Star Effect
Watching Ignoring Scheduled Pinned Locked Moved Solved Let's Build It wordpress css
17

12 Votes

17 Posts

956 Views

undefined

@phenomlab thanks a lot for these, both of the below are awesome! https://codepen.io/bennettfeely/pen/vYLmYJz https://codepen.io/C-L-the-selector/pen/MWZbWBo
undefined

Fixing YouTube videos css
Watching Ignoring Scheduled Pinned Locked Moved Solved WordPress css
8

2 Votes

8 Posts

581 Views

undefined

@phenomlab It looks good, but not anymore. I’ve already lost so much time. Now it’s time to move on
undefined

chat list navbar
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation css navbar chat menu
30

2

3 Votes

30 Posts

2k Views

undefined

No no it’s ok @phenomlab I just comment the 2 lines mentionned aboves
undefined

Quote design CSS
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation css quote
15

1

4 Votes

15 Posts

1k Views

undefined

@DownPW yes, that does make sense actually. I forgot to mention the layout of Sudonix is custom so that would have an impact on the positioning. Good spot
undefined

Blinking text Effect
Watching Ignoring Scheduled Pinned Locked Moved Customisation nodebb text effect css
3

5 Votes

3 Posts

503 Views

undefined

@phenomlab I love it too @phenomlab said in Blinking text Effect: Has that “broken neon light” look that you see in films. It’s exactly that, kind of old neon signs of bar or pubs a bit cyberpunk too
undefined

tag icon in front of tags
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation css
5

3 Votes

5 Posts

516 Views

undefined

@phenomlab said in tag icon in front of tags: @crazycells Are you using Font Awesome Free ? If so, try this span.tag:before { content: "\f02b"; font-family: "Font Awesome 5 Free"; margin-right: 5px; margin-left: 5px; font-weight: 900; } yeap, this worked thanks a lot.
undefined

[NodeBB] Import custom Font
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation custom fonts nodebb css
12

3 Votes

12 Posts

1k Views

undefined

@cagatay you’ll need to define this in the body tag (or another element if you want greater or more granular targets) - for example body { font-family: "Poppins"; font-size: 16px; } Essentially, you use the font-size CSS directive.

CSS3: Gradient Generator

Related Topics

Individual Categories