css3鼠标移入书页卷角 |css设置边框看不见

.corner-wrapper {
position: absolute;
top: 0px;
right: -30px;
width: 0;
height: 0;
border-top: 30px solid transparent;
border-left: 30px solid #ffffff;
border-right: 30px solid transparent;
border-bottom: 30px solid #ffffff;
cursor: pointer;
transition: all .3s;
}
.corner-wrapper:hover {
right: -20px;
transform: rotate(10deg);
}

上述代码是实现CSS3鼠标移入书页卷角效果的关键代码，其中包括两部分：一个是角落的样式，一个是鼠标移入时角落的动画效果。

首先，大家需要把页面的角落用CSS样式定义出来，尺寸一般为30px × 30px，颜色可以根据实际需求进行调整。在这里，大家使用了白色作为角落的颜色。

其次，大家需要为角落加上鼠标移入时的动画效果。在这里，大家使用了CSS3的Transform属性，让角落在鼠标移入时绕着一个中心点旋转了10度。同时，大家还通过调整角落的Right属性，让角落向左移动了10px，显示出卷起书页的效果。

综上所述，CSS3鼠标移入书页卷角效果是一种非常简单而有趣的特效，可以轻松地提升网站的用户体验，增加页面的趣味性。通过上述的CSS代码，大家可以轻松地实现这种特效，让网站变得更加生动有趣。