html - CSS3 is not working -
I have problems with css3 I am currently following a tutorial, when I test it on my local copy I am not going to read CSS 3 by the browser. Here's the code:
& lt; Html & gt; & Lt; Top & gt; & Lt; Style type = "text / css" & gt; / * Custom Font - Montserrat * / @ Import URL (http://fonts.googleapis.com/css?family=montserrat); / * Background * / html, body {min-height: 100%} body {background: # 123; Background: Linear shield (# 123, # 399); } / * Original Reset * / * {Margin: 0; Padding: 0;} / * thumbnail BG * /. Thumb {width: 400px; Height: 300px; Margin: 70px auto; Perspective: 1000px; }. A {display: block; Width: 100%; Height: 100%; Background: URL ("http://thecodeplayer.com/u/m/i1.png"); Conversion-style: protection-3d; / * Hover Effect * / Transform: Rotate X (80 degree); Change original: bottom; } & Lt; / Style & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div class = "thumb" & gt; & Lt; A href = "#" & gt; & Lt ;! - LABEL - & gt; & Lt; Period & gt; & Lt; / Span & gt; & Lt; / A & gt; & Lt; / Div & gt; & Lt; / Body & gt;
When I check it,
I am using ChromeWorld 32Bit.
You need to add the vendor prefix and I think you want your hover effect to be second Get drawn into the rule, see this work example
Comments
Post a Comment