/* 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..
Hover your mouse over this Anchor Text Hyperlink but don't click on it, you'll see the Web address displayed at the Bottom of your Browser. If you click on the Anchor Text Hyperlink, you'll end up right back here at this post. Why? Because that's how I've setup the hyperlink for that Anchor Text phrase.
ReplyDelete