Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>If you have a basic image (or text or something else), you can use CSS3 transformations to move it (this is what is used on FoWD's 404 page - a static image transformed using CSS3 transformations). They aren't well supported in many browsers, but you can use it if you know your target supports it. This page shows how to create rotation effects with CSS transformations: <a href="http://davidwalsh.name/css-transform-rotate" rel="nofollow noreferrer">http://davidwalsh.name/css-transform-rotate</a>. Also, this is the code used on FoWD's 404 page to make the image spin:</p> <pre><code>#earth { -webkit-animation-name: earthRotation; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -webkit-animation-duration: 500s; } @-webkit-keyframes earthRotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } </code></pre> <p>So, with a simple HTML page like:</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8" /&gt; &lt;title&gt;Test Page&lt;/title&gt; &lt;link rel="stylesheet" type="text/css" href="animation.css" /&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="earth" style="text-align: center;"&gt;This content will spin!&lt;/div&gt; &lt;div style="text-align: center;"&gt;This will not :(&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>If animation.css is the CSS stuff from above, the content of div#earth will spin forever! Then, you can replace the "This content will spin!" with your own stuff. If you want to use it as the background (as in FoWD's 404 page), just add the CSS <code>position: absolute; width: 100%; z-index: -1;</code> so it will appear as the background. Then, you could put your <code>&lt;canvas&gt;</code> stuff inside div#earth and it will spin away. Also, you can adjust <code>-webkit-animation-duration</code> in the CSS file to modify the speed of the animation. <br /><br /><br /> If you can't use CSS3 transformations because of browser support, then it is pretty much impossible to create without animated images or javascript.</p>
    singulars
    1. This table or related slice is empty.
    1. POHow can I create a color striped background, animated to slowly turn 360 degrees, using no raster images or js?
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USjhartz
    1. USjhartz
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POHow can I create a color striped background, animated to slowly turn 360 degrees, using no raster images or js?
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COCool, thanks for the feedback! I was looking at the CSS and saw what you wrote here. I think that's the easy part! haha Now if I can figure out how to make striped bg using canvas, I think this would work great. I'm surprised CSS3 doesn't already have a way to reproduce some indefinite stripes already.
      singulars
      1. PO
      1. USmicah
    2. COAlso, you could check out https://developer.mozilla.org/en/Canvas_tutorial/Transformations from the canvas tutorial (https://developer.mozilla.org/en/Canvas_tutorial) on Mozilla Developer Center.
      singulars
      1. PO
      1. USjhartz
    3. COCool, thanks for the links Jake. That'll get me started.
      singulars
      1. PO
      1. USmicah
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload