0 Replies Latest reply on Aug 30, 2013 3:57 AM by NYG-vibeke

    CSSDECK-code working in Firefox, but not Chrome

    NYG-vibeke Level 1

      Hi!

       

      I want to include this lovely map marker made by Andreas Storm (http://cssdeck.com/labs/tedyvui4) in my Edge composition.

       

      After putting it in my project, it works perfectly in Firefox, but the animation does not work in the rest of the browsers (like Chrome, Safari, Opera).

       

      First, I created a css-document, named "map_marker.css" where I copy-pasted the css-code from cssdeck, the only change I did was removing z-index: -2 from .pulse

       

      I then included that css-file in my HTML-file, under <head> like this:
      <link href="map_marker.css" rel="stylesheet" type="text/css">

       

      In my Edge project I created two rectangles, and gave

      - Rectangle1 a width and height of 30px, and the class "pin bounce"

      - Rectangle2 a width and height of 14px, and the class "pulse".

       

      Any ideas on what I'm doing wrong, and why it's not behaving as it should?

       

      Here is my project: http://we.tl/FCwjcpA9Zh