用translate做仿APP侧滑导航 HTML

用translate做仿APP侧滑导航

侧滑导航制作: 利用CSS的translate属性,制作仿APP的侧滑效果。 对transition和transform属性不了解的点击这里,->快速通道 效果: Demo: <html> <head> <title></title> <styl...
阅读全文
CSS3鼠标悬停360旋转效果 HTML

CSS3鼠标悬停360旋转效果

效果GIF: 使用CSS3的transition和transform属性制作鼠标悬停360°旋转效果, 先看看W3C对transition的说明 transition: property duration timing-function delay; 值 描述 ...
阅读全文
利用CSS实现三角效果 HTML

利用CSS实现三角效果

实例一:三角箭头 思路:利用元素border设置边框,再用transform选择元素,实现三角箭头效果 原理:元素border可以分别设置 设置一组邻边显示,一组邻边不显示,达到直角效果,把color设置成transparent,不懂transparent的自行百度吧 再用transform旋转,这里是...
阅读全文