Varma has Published 83 Answers

Set the flex items horizontally with CSS

varma

varma

Updated on 06-Jul-2020 11:13:41

Use the flex-direction property with row value to set the flex-items horizontally.ExampleYou can try to run the following code to implement the row value −Live Demo<!DOCTYPE html> <html>    <head>       <style>          .mycontainer {             display: flex;         ... Read More

How to set the speed curve of the transition effect with CSS

varma

varma

Updated on 02-Jul-2020 09:22:22

Use the transition-timing-function property to set the speed curve of the transition effect. The values you can set are: ease, ease-in, ease-out, linear, etc.ExampleYou can try to run the following code to set the speed curve of the transition effect with CSS −Live Demo<!DOCTYPE html> <html>    <head>       ... Read More

Role of CSS position: sticky;

varma

varma

Updated on 01-Jul-2020 11:05:30

To create a sticky navbar, use the position: sticky; property. You can try to run the following code to create a sticky navbar, ExampleLive Demo<!DOCTYPE html> <html>    <head>       <style>          ul {             list-style-type: none;       ... Read More

Role of CSS :visited Selector

varma

varma

Updated on 01-Jul-2020 10:49:20

Use the CSS : visited selector to style all visited links.ExampleYou can try to run the following code to implement the :visited selector:Live demo<!DOCTYPE html> <html>    <head>       <style>          a:link, a:visited {             background-color: white;         ... Read More

Style every element that is not the specified element with CSS

varma

varma

Updated on 01-Jul-2020 09:19:46

To style every element that is not the specified element, use the CSS :not(selector) selector.ExampleYou can try to run the following code to implement the :not selector:Live Demo<!DOCTYPE html> <html>    <head>       <style>          p {             color: red;     ... Read More

Style every <p> element that is the first <p> element of its parent with CSS

varma

varma

Updated on 30-Jun-2020 09:49:14

To style every <p> element that is the first <p> element of its parent with CSS, use the :first-of-type selector:ExampleYou can try to run the following code to implement the :first-of-type selector −Live Demo<!DOCTYPE html> <html>    <head>       <style>          p:first-of-type {     ... Read More

Set the color of the right border using CSS

varma

varma

Updated on 30-Jun-2020 08:05:22

To set the color of the right border, use the border-right-color property. You can try to run the following code to implement border-color-property −ExampleLive Demo<!DOCTYPE html> <html>    <head>       <style>          p {             border-style: dotted;       ... Read More

Role of CSS :hover Selector

varma

varma

Updated on 30-Jun-2020 07:46:59

Use the CSS :hover selector to style links on mouse over with CSS. You can try to run the following code to implement the :hover selector −ExampleLive Demo<!DOCTYPE html> <html>    <head>       <style>          a:hover {             background-color: orange;     ... Read More

Define skew transforms along with y axis using CSS

varma

varma

Updated on 29-Jun-2020 11:13:36

You can try to run the following code to define skew transforms along with y-axis using CSS −ExampleLive Demo<html>    <head>       <style>          div {             width: 300px;             height: 100px;       ... Read More

CSS3 Linear gradients

varma

varma

Updated on 29-Jun-2020 10:09:50

Linear gradients are used to arrange two or more colors in linear formats like top to bottom.ExampleYou can try to run the following code to implement linear gradients in CSS3 −Live Demo<html>    <head>       <style>          #grad1 {             ... Read More

1 2 3 4 5 6 7 ... 9 Next
Advertisements