html
html
1
2
3
<div></div>
<p>Im sliding :/</p>
<div id="2"></div>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
div {
width: 40px;
height: 40px;
background-color:lightblue;
transition: width 2s;
-webkit-transition: width, height, 3s;
}
div:hover {
width: 330px;
height:40px;
background-color:pink;
}
#2{
width: 40px;
height: 40px;
background-color:lightblue;
position:absolute;
top:100px;
}
p{
font-size:10px;
position:relative;
bottom:40px;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run