Question

编程中的新手（Javascript / HTML5 / CSS3）我想在第一次访问时在我的主页上复制这个干净的“左侧滑动”动作按钮（理想情况下或曾经不应该惹恼用户） - 可以提供一些我一步一步指示吗？

一旦向下滚动几张图片/页面，您就可以在此网址http://lty.in/ihEAuw的实际操作中看到它。

我真的很喜欢这是多么干净，而不是解锁内容编码，你同意吗？

Answer 1

你可以使用这种风格：

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
        .main-wrapper{
            width:400px;
            height:400px;
            margin:20% auto;
            position:relative;
            overflow:hidden;
            background-color:red;
        }
        .btn{
            width:200px;
            height:30px;
            position:absolute;
            bottom:50px;
            display:block;
            border:none;
            background-color:blue;
            color:#fff;
            left:-170px;
            text-align:right;
            transition:all ease-in-out .2s;
        }
        .btn:hover{
            left:0;
        }
    </style>
</head>
<body>
    <div class="main-wrapper">
        <button class="btn">your btn</button>
    </div>
</body>
</html>

如何创建一个滑动FB Like Box

1 个答案: