...
The second style is applied to the element that has been selected. A visual indication will inform users that the thumbnail can then be moved using keystrokes. For our example, we'll change the background colour:
...
When the mouse is used to pick up a thumbnail and move it, an 'avatar' is created to represent the thumbnail being dragged. By default, the avatar is a copy of the item. A style is applied that can be used to modify the appearance of the avatar. For our example, we will make it semi-transparent:
| Code Block | ||||
|---|---|---|---|---|
| ||||
.orderable-avatar {
opacity: 0.55;
}
|
...