数码资讯
CSS3悬停淡出,淡出与过渡
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文主要介绍了过渡使用CSS3实现悬停淡入淡出的效果,非常酷,需要的朋友来参考下。
摘要:
CSS3已经应用到很多网站和创建动态交互式网站是非常有用的。今天,分享鼠标悬停和过渡效果。
代码uff1a
复制代码代码如下所示:
文件
div.demo {
浮点数:左;
边境:1px solid # CCC;
}
div.demo我{
光标:指针;
身高:50px;
过渡:不透明;
宽度:50px;
背景:# 000;
浮点数:左;
保证金:5px;
不透明性:0;
}
我:div.demo悬停{
不透明性:1;
过渡时间:0s;
}
效果不是很好,合作伙伴可以自由地使用它自己的项目。
摘要:
CSS3已经应用到很多网站和创建动态交互式网站是非常有用的。今天,分享鼠标悬停和过渡效果。
代码uff1a
复制代码代码如下所示:
文件
div.demo {
浮点数:左;
边境:1px solid # CCC;
}
div.demo我{
光标:指针;
身高:50px;
过渡:不透明;
宽度:50px;
背景:# 000;
浮点数:左;
保证金:5px;
不透明性:0;
}
我:div.demo悬停{
不透明性:1;
过渡时间:0s;
}
效果不是很好,合作伙伴可以自由地使用它自己的项目。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。