You are on page 1of 2

CSS Code:

For border radius


-webkit-border-radius: 50px 50px 50px 50px;
border-radius: 50px 50px 50px 50px;

transform
-moz-transform: scale(2) rotate(5deg) translateX(7px) translateY(2px) skewX(8deg)
skewY(1deg);
-webkit-transform: scale(2) rotate(5deg) translateX(7px) translateY(2px)
skewX(8deg) skewY(1deg);
-o-transform: scale(2) rotate(5deg) translateX(7px) translateY(2px) skewX(8deg)
skewY(1deg);
-ms-transform: scale(2) rotate(5deg) translateX(7px) translateY(2px) skewX(8deg)
skewY(1deg);
transform: scale(2) rotate(5deg) translateX(7px) translateY(2px) skewX(8deg)
skewY(1deg);

text shadow
text-shadow: 0 5px 10px #FF7542;

multiple columns
-moz-column-count: 4;
-moz-column-gap: 11px;
-webkit-column-count: 4;
-webkit-column-gap: 11px;
column-count: 4;
column-gap: 11px;

flexbox
.flexbox-container {
display: inline-flex;
align-items: center;
}

Outline ridge
outline: 10px ridge #FFC43B;
outline-offset: 10px;

Outline dashed
outline: 10px dashed #FFC43B;
outline-offset: 10px;

outline: 10px groove #FFC43B;


outline-offset: 10px;

outline: 10px double #FFC43B;


outline-offset: 10px;

outline: 10px auto #FFC43B;


outline-offset: 10px;
RGBA
background-color: rgba(25, 80, 50, 50);

color: rgba(25, 80, 50, 50);

box shadow
-webkit-box-shadow: 10px 50px 20px 50px rgba(50,30,80,50);
box-shadow: 10px 50px 20px 50px rgba(50,30,80,50);

You might also like