小编Tho*_*nen的帖子

如何使背景图像慢慢放大和缩小

我想在我的网页上加入一些更具互动性的元素.

我之前在一些网站上看到过的是,背景图像变焦缓慢而退出.所以它看起来更像是一个生物.

我一直在搜索互联网和这里.但我不知道这项技术是如何完成的,我不知道这种效果的名称.

我还认为使用CSS3和HTML5可以很容易地实现这一点.

问题是:

  • 是否有这个效果的名称,它叫什么?
  • 它可以用纯CSS完成吗?
  • 有基本样本可在线获取吗?

这是我想到的HTML:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Test page</title>
        <style>
            body {
                background-image: url("http://wallpapercave.com/wp/LXR5gFx.png");
                background-size: 100% auto;
            }
        </style>
    </head>

    <body>

    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

目标是让背景图像慢慢放大并退出.喜欢呼吸.

html css css3 css-transitions css-animations

3
推荐指数
1
解决办法
1万
查看次数

Ubuntu 16.04 Unity 中的 Docker 图标系统托盘

我正在寻找一个 Docker 系统托盘图标,它可以在 Unity GUI 中显示正在运行的 docker 容器。

如果我想查看当前正在运行的容器,我必须在 CLI“docker ps”上使用。但我确实喜欢启用/禁用并在系统托盘图标中查看它们。

不幸的是,我已经无法在网上找到类似的东西。是否有任何项目、回购或工具支持这一点?

拥有大约 60 个用于多种服务的 docker 容器,一个不错的 GUI 概述将是一个不错的选择。

ubuntu icons system-tray docker ubuntu-16.04

2
推荐指数
1
解决办法
3696
查看次数