HTML and CSS Reference
In-Depth Information
border-radius: 10px;
border: 1px solid #000000;
-moz-box-shadow:
0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 2px rgba(255,255,255,0.7);
-webkit-box-shadow:
0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 2px rgba(255,255,255,0.7);
box-shadow:
0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 2px rgba(255,255,255,0.7);
text-shadow:
0px -1px 0px rgba(000,000,000,0.4),
0px 1px 0px rgba(255,255,255,0.3);
}
#close {
position: absolute;
top: 10px;
left: 480px;
opacity: 0;
cursor: pointer;
color: white;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.flip3D {
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
transform: rotateY(360deg);
-webkit-transform-style: preserve3d;
-moz-transform-style: preserve3d;
-ms-transform-style: preserve3d;
transform-style: preserve3d;
}
</style>
</head>
<body>
<div id=ad>
<section>
<div id=close>X</div>
<div id=cta class=button>Click Here</div>
</section>
