J2ME Polish CSS Animations 2

Another CSS animation with J2ME Polish: this time we move elements into the view when they are shown for the very first time:
.mainScreen {
background-color: #ddd;
layout: vertical-center;
show-delay: 200ms;
}

.mainCommand {
margin-top: 2px;
padding: 5px;
padding-left: 20%;
font-color: #333;
font-style: bold;
font-size: medium;
layout: expand;
x-adjust: -100%;
x-adjust-animation {
on: show-first;
range: -100%..0%;
}
}

.mainCommand:hover {
font-color: #ccc;
background-color: #ddd;
background-color-animation {
on: focus;
range: #ddd..#333;
duration: 1s;
}
}

Category:

Science & Technology

Tags:

• j2me polish
• css
• animations
• mobile