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, code> transform-style: preserve-3d and below is not being read by the browser Am I doing something wrong? I am using Sublime-Lesson 2 to build 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

Popular posts from this blog

ios - How do I use CFArrayRef in Swift? -

eclipse plugin - Run java code error: Workspace is closed -

c - Error on building source code in VC 6 -