Tag: CSS
Misc
Here is a layout using CSS Grid. grid layout – css You can design a CSS Grid-based layout with the help of an intuitive graphical user interface and generate HTML and CSS. – https://tools.webdevpuneet.com/css-grid-layout-generator/ Demo Open demo in a full...
Misc
Here are some cool examples of loading animations / spinners. DEMO Open demo in a full window – https://demos.webdevpuneet.com/css/css-spinners/index.html HTML <!DOCTYPE html> <html> <head> <title>SpinKit Examples</title> <link...
Misc
Please have a look at the demo to get the CSS codes to change color of the scrollbar. The following example creates a thin (10px wide) scrollbar, which has a grey track/bar color and a red handle: Note: The -webkit-scrollbar is not supported by Firefox or IE and...
Misc
Custom Select Tag Arrow Here is how you can add a custom arrow to a “select” HTML tag by simply adding a ‘background-image’ and ‘appearance: none’ with CSS. DEMO Open demo in a full window –...
Misc
disable user selection on web page elements You can use this style to your web page element if you do not want a user to select it using pointer cursor and that content selected background blue/grey color. CSS .disable-user-seclect{ webkit-user-select: none;...
Blog