Question: I am working on an exercise about CSS 3 animation. I am stuck on how to keep the item falling down the page at full speed without requiring the user to follow it down with the mouse without resorting to javascript. So just when you hover the mouse over the box the box will fall down.

Here is my code:

```
<p class="exp9"><strong>box</strong></p>

strong {
    margin-top: 20em;
}

p:hover strong {
    display: block;
}

p:hover strong:hover {
    margin-top: 20em;
}

```

My code just make the text inside the box drop down. Any idea? Thank you

Answer: 
One option would be to do something like

```
WITH ranges AS (
  SELECT '[300, 499]' description, 300 min_val, 499 max_val FROM dual
  UNION ALL
  SELECT '[500, 699]' description, 500 min_val, 699 max_val FROM dual
  UNION ALL
  SELECT '[700, 850]' description, 700 min_val, 850 max_val FROM dual
)
SELECT r.description, count(creditscore)
  FROM ranges r
       LEFT OUTER JOIN customer c 
         ON (c.creditscore BETWEEN r.min_val AND r.max_val)
 GROUP BY r.description

```

Normally, you'd want to set up a permanent table with your ranges in case someone wants to add or modify them in the future. But you can hard-code the ranges in your query like I do here.
You can use `unpivot` in this case. 
Your answer-

```
Select * From
(
Select Sum(Col1) "[300, 499]", Sum(Col2) "[500, 699]", Sum(Col3) "[700, 850]"
From (
    Select Case 
            When Creditscore Between 300
                    And 499
                Then 1 Else 0 End As Col1,
            Case When Creditscore Between 500
                    And 699
                Then 1  Else 0 End Col2,
            Case When Creditscore Between 700
                    And 850
                Then 1  Else 0 End Col3
    From Customer
    )
)
Unpivot
(
  "Count"
  For
  "Description" In ("[300, 499]", "[500, 699]", "[700, 850]")
);

```

Result -

```
Description  Count
[300, 499]    0
[500, 699]    4
[700, 850]    3

```