updated classes to use all animated properties

This commit is contained in:
Scott Jehl 2009-02-27 18:35:01 +00:00
parent 1ded43162a
commit 79a1d82582
4 changed files with 9 additions and 9 deletions

View File

@ -12,8 +12,8 @@
#effect {position: relative; } #effect {position: relative; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; } #effect h3 { margin: 0; padding: 0.4em; text-align: center; }
.ui-effects-transfer { border: 2px dotted gray; } .ui-effects-transfer { border: 2px dotted gray; }
.first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em; border-width: 1px; } .first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em; border: 1px solid #000; background: #fff; color: #333; }
.second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em; border-width: 5px; } .second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em; border: 5px solid #4f5b8c; background: #ddebf4; color: #2c4359; }
</style> </style>
<script type="text/javascript"> <script type="text/javascript">
$(function() { $(function() {

View File

@ -12,8 +12,8 @@
#effect { position: relative; } #effect { position: relative; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; } #effect h3 { margin: 0; padding: 0.4em; text-align: center; }
.ui-effects-transfer { border: 2px dotted gray; } .ui-effects-transfer { border: 2px dotted gray; }
.first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em; border-width: 1px; } .first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em; border: 1px solid #000; background: #fff; color: #333; }
.second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em; border-width: 5px; } .second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em; border: 5px solid #4f5b8c; background: #ddebf4; color: #2c4359; }
</style> </style>
<script type="text/javascript"> <script type="text/javascript">
$(function() { $(function() {

View File

@ -12,8 +12,8 @@
#effect { position: relative; } #effect { position: relative; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; } #effect h3 { margin: 0; padding: 0.4em; text-align: center; }
.ui-effects-transfer { border: 2px dotted gray; } .ui-effects-transfer { border: 2px dotted gray; }
.first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em; border-width: 1px; } .first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em; border: 1px solid #000; background: #fff; color: #333; }
.second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em; border-width: 5px; } .second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em; border: 5px solid #4f5b8c; background: #ddebf4; color: #2c4359; }
</style> </style>
<script type="text/javascript"> <script type="text/javascript">
$(function() { $(function() {

View File

@ -12,8 +12,8 @@
#effect { position: relative; } #effect { position: relative; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; } #effect h3 { margin: 0; padding: 0.4em; text-align: center; }
.ui-effects-transfer { border: 2px dotted gray; } .ui-effects-transfer { border: 2px dotted gray; }
.first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em; border-width: 1px; } .first { width: 240px; height: 135px; padding: 0.4em; font-size: 1.2em; border: 1px solid #000; background: #fff; color: #333; }
.second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em; border-width: 5px; } .second { width: 480px; height: 135px; padding: 0.8em; font-size: 1.6em; border: 5px solid #4f5b8c; background: #ddebf4; color: #2c4359; }
</style> </style>
<script type="text/javascript"> <script type="text/javascript">
$(function() { $(function() {