Css Disable Text Select

no select css .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */ } css disable text select -webkit-user-select: … Read more

Remove Underline Hover Css

remove underline hover css a:hover { text-decoration: none; } remove underline on hover span span:hover { text-decoration: none !important; display: inline-block; } how to change hyperlink color in css a { background-color: red; color: white; padding: 1em 1.5em; text-decoration: none; text-transform: uppercase; }

Linear Gradient Instagram

linear gradient instagram background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#f09433′, endColorstr=’#bc1888′,GradientType=1 );

How To Make Text Bold In Css

how to make text bold in css .text { font-weight: bold; } how bold text in css p.normal { font-weight: normal; } p.thick { font-weight: bold; } p.thicker { font-weight: 900; } how to bold text css inline <p style=”font-weight:bold”>Hey there</p> css bold /* Keyword values */ font-weight: normal; font-weight: bold; /* Keyword values relative … Read more

Css Bold Text

css bold text .text { font-weight: bold; } how bold text in css p.normal { font-weight: normal; } p.thick { font-weight: bold; } p.thicker { font-weight: 900; } how to bold text css inline <p style=”font-weight:bold”>Hey there</p> css bold /* Keyword values */ font-weight: normal; font-weight: bold; /* Keyword values relative to the parent */ … Read more

Change Color Of Bullet Points Css

change color of bullet points css li::marker { color: red; } /* ^ just set the color of the marker pseudo element */ how to change only bullet color in css li::before {content: “•”; color: red; display: inline-block; width: 1em; margin-left: -1em} Source:www.w3.org how to change only bullet color in css li::before {content: counter(li); color: … Read more

Remove Underline From Hyperlink

remove underline from hyperlink a, a:hover, a:focus, a:active { text-decoration: none; color: inherit; } how to remove underline from link in html <body> <h2>About</h2> <p> <!– Just add text decoration style:None –> Our <a href=”” style=”text-decoration: none;”>Team</a> </p> </body> how to remove underline from link in html <a href=”http://yoursite.com/” style=”text-decoration:none”>yoursite</a> Source:stackoverflow.com how to remove underline … Read more

Remove Underline From Link Css

remove style from link a, a:hover, a:focus, a:active { text-decoration: none; color: inherit; } remove underline from link css a, a:hover, a:focus, a:active { text-decoration: none; color: inherit; } remove underline html <a style=”text-decoration: none;”></a> how to change hyperlink color in css a { background-color: red; color: white; padding: 1em 1.5em; text-decoration: none; text-transform: uppercase; … Read more

Remove Styling From A Tag

remove styling from a tag a, a:hover, a:focus, a:active { text-decoration: none; color: inherit; } remove style from a tag a { color: inherit; /* blue colors for links too */ text-decoration: inherit; /* no underline */ } Source:stackoverflow.com remove style from a tag a { color: inherit; } Source: stackoverflow.com

Css Remove Border Input Focus

css remove border input focus textarea:focus, input:focus{ outline: none; } Source:stackoverflow.com hide input border on focus input:focus{ border: none; } remove focus border *:focus { outline: none; } Source:cssf1.com css remove outline element{outline:none;}

How To Alternate Background Colour In Html Div Elements In Css

how to alternate background colour in html div elements in css /* to color odd children in parent-container with children of type div */ #parent-container > div:nth-child(odd) { background-color:red; } /* to color even children in parent-container with children of type div */ #parent-container > div:nth-child(even) { background-color:red; } Source: stackoverflow.com

Use .Ttf In Css

use .ttf in css @font-face { font-family:”Name-Of-Font”; src: url(“yourfont.ttf”) format(“truetype”); } Source:stackoverflow.com If you’re trying to use a package make sure that ‘../../static/fonts/lato/Lato-Regular.woff’ is installed. If you’re trying to use a local file make sure that the path is correct. /** Use intstead */ @font-face { font-family: ‘MyFont’; src: local(‘MyFont’), url(fonts/MyFont.woff) format(‘woff’); }

Remove Input Styling

remove input styling input { border: none; /* Removes the default border */ } input:focus { outline: none /* Removes the border when the input is clicked */ } remove all input style’ing input { all: unset; } Source: stackoverflow.com

How To Make Fixed Background Image In Css

how to make fixed background image in css body { background-image: url(“img_tree.gif”); background-repeat: no-repeat; background-attachment: fixed; } html static background body { background-image: url(“img_tree.gif”); background-position: center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } how to cover full image in css body { background-position: center; background-repeat: no-repeat; background-size: cover; }

Rotate Div Css

css rotate 90 deg transform: rotate(90deg); rotate div css #id { transform: rotate(20deg); } .class { transform: skewY(20deg); } .exampe { transform: scaleY(1.5); } rotate css div { width: 80px; height: 80px; background-color: skyblue; } .tourne { transform: rotate(45deg); /* Équivalent à rotateZ(45deg) */ background-color: pink; } Source: developer.mozilla.org css transform transform: matrix(1, 2, 3, 4, … Read more

Css Rotate 180 Degrees

css rotate 180 degrees .rotateimg180 { -webkit-transform:rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } Source:www.computerhope.com css rotate 90 degrees .my-div{ transform: rotate(90deg); /* rotate x-axis and y-axis */ transform: rotateX(180deg); /* rotate x-axis */ transform: rotateY(180deg); /* rotate y-axis */ }