In this blog i am going to create a pure CSS ribbon or strip which can be used to display some important information,link etc with highlighted, eyecatching view on a webpage.
While we create any ribbon or strip design we must use eyecatching background colors,border-colors etc because whatever is written on that strip (some important or new text, link) should be eye-catching.
Here's the example given below,go through it.
In this example following css properties are used:
CSS pseudo elements property before and after
Position:Relative and Absolute
Background color etc.