/* Try it out. Click the Prefixize button. */
.box {
opacity: .5;
}
.container {
box-shadow: 20px;
-moz-transition: -moz-box-shadow 2s;
-webkit-border-radius: 4px;
animation: slide 1s alternate;
background: linear-gradient(top, #e3e3e3 10%, white);
display: -moz-box;
}
@-webkit-keyframes "slide" {
0% { left: 0; box-shadow: 10px 10px 10px black; }
100% { left: 50px; box-shadow: 5px 5px 5px black; }
}
/* Want variables? Or, if you don't like that idea, just ignore it. */
@variables {
main_color: red;
}
.content {
background: var(main_color);
}
.download {
position: absolute;
top: 1em;
left: -1.5em;
width: 6em;
height: 6em;
padding: 1em 0;
background: #80A060;
background-image: -webkit-linear-gradient(transparent, rgba(0,0,0,.3));
background-image: -moz-linear-gradient(transparent, rgba(0,0,0,.3));
background-image: -o-linear-gradient(transparent, rgba(0,0,0,.3));
background-image: -ms-linear-gradient(transparent, rgba(0,0,0,.3));
background-image: linear-gradient(transparent, rgba(0,0,0,.3));
color: violet;
line-height: 1;
font-size: 140%;
text-align: center;
text-decoration: none;
text-shadow: .08em .08em .2em rgba(0,0,0,.6);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: .1em .2em .4em -.2em black;
-moz-box-shadow: .1em .2em .4em -.2em black;
box-shadow: .1em .2em .4em -.2em black;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
-webkit-animation: none;
-moz-animation: none;
animation: none;
.What is a Hyperlink? A Hyperlink is the underlined word which is commonly referred to as embedded text or an embedded link. It's usually a blue underlined word that turns purple once it's been clicked on. When you hover your mouse over a Hyperlink on a page, the arrow of the mouse will turn into a hand, and the URL or web address of that Anchor Text Hyper Link will appear in the lower left hand corner of your browser..
