grimofdoom
  • ***


      Reputation : 2
      Registered on : 2012-06-05
      Posts : 42
    Here is a quick "3d"(horrible) sphere. This is just a circle with keyframes and background gradient and movement. I was on the road at thwe time(currently at hotel) so i was lazy/too tired to addregular browser, opera and firefox compatability. hope you like it(currently trying to figure out how to make rel 3d)
    Code:
    <html>
    <head>

    <style type=text/css>
    #test{position:absolute;width:500px;height:500px;border-radius:50%;background:-webkit-radial-gradient(50% 50%,red,white,red,white);-webkit-animation:nxt .5s infinite;}


    @-webkit-keyframes nxt{
    0%{;background:-webkit-radial-gradient(0% 0%,red,white,red,white);top:0%;left:0%}
    5%{background:-webkit-radial-gradient(10% 5%,red,white,red,white);top:1%;}
    10%{background:-webkit-radial-gradient(20% 15%,red,white,red,white);top:2%}
    15%{background:-webkit-radial-gradient(30% 25%,red,white,red,white);top:3%}
    20%{background:-webkit-radial-gradient(40% 35%,red,white,red,white);top:4%}
    25%{;background:-webkit-radial-gradient(50% 45%,red,white,red,white);top:5%}
    30%{;background:-webkit-radial-gradient(60% 55%,red,white,red,white);top:6%}
    35%{background:-webkit-radial-gradient(70% 65%,red,white,red,white);top:7%}
    40%{background:-webkit-radial-gradient(80% 75%,red,white,red,white);top:8%}
    45%{background:-webkit-radial-gradient(90% 85%,red,white,red,white);top:9%}
    53%{;background:-webkit-radial-gradient(100% 95%,red,white,red,white);top:10%}
    58%{background:-webkit-radial-gradient(110% 105%,red,white,red,white);top:9%}
    60%{background:-webkit-radial-gradient(120% 115%,red,white,red,white);top:8%}
    65%{background:-webkit-radial-gradient(130% 125%,red,white,red,white);top:7%}
    70%{;background:-webkit-radial-gradient(140% 135%,red,white,red,white);top:6%}
    75%{background:-webkit-radial-gradient(150% 145%,red,white,red,white);top:5%}
    83%{background:-webkit-radial-gradient(160% 155%,red,white,red,white);top:4%}
    88%{background:-webkit-radial-gradient(170% 165%,red,white,red,white);top:3%}
    93%{background:-webkit-radial-gradient(180% 175%,red,white,red,white);top:2%}
    98%{background:-webkit-radial-gradient(190% 185%,red,white,red,white);top:1%}
    100%{background:-webkit-radial-gradient(200% 195%,red,white,red,white);top:0%;}
    }

    </style>
    </head>
    <body>
    <hr>
    <div id=test></div>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <hr>

    </body>
    </html>
    how it looks:









































    grimofdoom
    • ***


        Reputation : 2
        Registered on : 2012-06-05
        Posts : 42
      It appears not to load or be accepted in the forum. If an admin/mod is reading this, could you try to fix it to load? This is the first time i put the example in, so i dont know if i am suppose to some BBC or something to work.

      Nick
      • Manager

          Reputation : 20
          Registered on : 2012-04-01
          Posts : 407
        @grimofdoom - Your appearing to have two accounts on here. It looks as if in a mistake you've not logged into your other account. Is this true?



        3D bouncing sphere  15px10
        grimofdoom
        • ***


            Reputation : 2
            Registered on : 2012-06-05
            Posts : 42
          @Nick wrote:@grimofdoom - Your appearing to have two accounts on here. It looks as if in a mistake you've not logged into your other account. Is this true?

          I do not have any recolition of ever being on this forum with another account and if i search my only other username i have ever used(tleit004) i could not find it.

          Niko
          • Administrator

              Reputation : 317
              Registered on : 2012-02-22
              Posts : 2366
              School of codes courses: coming soon
            Hello,

            As this resource isn't correct: Demonstration not available It is marked as and the topic is moved to Work in progress section

            Thanks...



            Niko wants you in the team Guest

            Community manager and Administrator at Forumattivo.com

            grimofdoom
            • ***


                Reputation : 2
                Registered on : 2012-06-05
                Posts : 42
              @Niko wrote:
              Hello,

              As this resource isn't correct: Demonstration not available It is marked as and the topic is moved to Work in progress section

              Thanks...

              ???i dont get it.

              Niko
              • Administrator

                  Reputation : 317
                  Registered on : 2012-02-22
                  Posts : 2366
                  School of codes courses: coming soon
                Please, add a demostration of this :D



                Niko wants you in the team Guest

                Community manager and Administrator at Forumattivo.com

                grimofdoom
                • ***


                    Reputation : 2
                    Registered on : 2012-06-05
                    Posts : 42
                  I did, but it does not show.

                  Jadster
                  • Support Moderator

                      Reputation : 0
                      Registered on : 2014-04-29
                      Posts : 44
                      Love Fmcodes
                    @grimofdoom wrote:I did, but it does not show.
                    Try to make it show. That is probably what they are wanting so that they can see what it looks like.