css3三角形旋转

正文开始

 <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实现立方体旋转效果