小编Bla*_*ank的帖子

创建选项选择登录页面

我想创建一个像游戏一样的登陆页面.访问者可以选择"专业"或"Speels".

告诉它很容易,但编程对我来说很难,所以这就是我想要的:

2 div的与2个不同的background-image,当有人hover在我想要的div之一background-image是按比例的(仅图像)和opacity放置在div来从改变50%到80%.

一个非常美好的未来将是在图像上显示一个降雪gif.

这就是我想要创建的:

之前

后:

我已经实现到现在正在2个divs的一个background-image,我甚至不知道这是正确的方式.有人可以帮帮我吗？

当我用当前代码悬停时会发生这种情况:(整个div缩放,不仅仅是图像)

正如用户所问,这里有一些代码:

#containerEntree {
  height: 100vh;
  width: 1920px;
  padding-left: 0;
  padding-right: 0;
}

#professioneelContainer {
  background-color: red;
  text-align: center;
  width: 1920px;
  height: 475px;
}

#speelsContainer {
  background: red;
  width: 100%;
  height: 475px;
  text-align: center;
}

.entreeTekst:hover {
  transform: scale(1.2);
}

.entreeTekst {
  width: 100%;
  height: 100%;
  position: relative;
  transition: all .5s;
  margin: auto;
} …

Run Code Online (Sandbox Code Playgroud)

html css transform

Bla*_*ank

2017 07-08

6
推荐指数

1
解决办法

197
查看次数

标签统计

css ×1

html ×1

transform ×1

创建选项选择登录页面

标签 统计

小编Bla_ank的帖子

标签统计