正文

css特效网站（css特效网）

技术帮
技术帮 V管理员 /42阅读/0评论
0702

请问有什么网页制作特效软件比较好？

推荐你一个软件hype3，最近我也在研究这个软件。

我基本上代码零基础，视觉稿完成后，导出切图，然后导入到hype3里，复原文字部分，然后整体可以导出html的文件，可以直接封装使用，如果需要有发送接受数据，再后期增加就好了。软件内置各种动效，弹性动画等效果，基本上可以实现所有基本功能，支持js导入，也就是说外部的动效类代码也可以放进去用。并且支持中文版，简直完美。强烈推荐

纯手打，望采纳。


css3+伪元素如何实现鼠标移入时下划线展开特效？

完整代码

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>鼠标移入下划线展开</title>

css特效网站（css特效网）

<style type="text/css">

#underline{

width: 200px;

height: 50px;

background: #ddd;

margin: 20px;

position: relative;

css特效网站（css特效网）

}

#underline:after{

content: "";

width: 0;

height: 5px;

background: blue;

position: absolute;

css特效网站（css特效网）

top: 100%;

left: 50%;

transition: all .8s;

}

#underline:hover:after{

left: 0%;

width: 100%;

css特效网站（css特效网）

}

</style>

</head>

<body>

<div id="underline"></div>

</body>

</html>