正文开始 <pre>#show_list_son ul li.item .title .icon {
position: absolute;
right: 50px;
top: 10px;
font-size: 10px;
border-width: 5px 5px 0 5px;
border-color: #ccc transparent transparent transparent;
border-style: solid;
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition: -moz-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
}
#show_list_son ul li.item .title:hover .icon {
color: #aaa;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
}</pre>
正文结束 |
Flex 布局教程:语法篇 | css实现立方体旋转效果 |