文档章节

背景图由中点开始放大方法

SubinY
 SubinY
发布于 2016/11/14 21:20
字数 60
阅读 8
收藏 0

<style>
        body {
            background-color: #F2F2F2;
        }

        .zoom {
            width: 300px;
            height: 300px;
            border: 1px solid #CCC;
            margin: 100px auto;
            background-image: url(./images/bg.jpg);
            background-position: center;
            background-size: 100% auto;
            position: relative;
            transition: all 1.5s;
        }

        .zoom:hover {
            background-size: 120% auto;
        }
    </style>
</head>
<body>
    <div class="zoom"></div>
</body>

© 著作权归作者所有

共有 人打赏支持
SubinY
粉丝 8
博文 87
码字总数 65820
作品 0
佛山
程序员
从未见过如此美丽动人的CardView

故事还得从看到那张动图说起。 像往常一样,休息时间我都会打开uplabs浏览一下国外大佬们的UI设计。 有个设计十分吸引眼球,就是下图。 仔细看每张图片,在加载出来的时候背景都会有一个偏移...

_番茄沙司
2017/07/20
0
0
如何画圓弧

算法描像素法的不足 算法描像素法指的是程序根据预先给出的半径、起始角度、结束角度,通过特定算法计算出圆孤要经过的像素,然后填色这些像素从而画出圆弧。下图是使用了中点圆算法画出10个...

rose-sdk
2015/09/12
351
0
使用tablayout 打造高度不一样的tab

要实现下图这样的效果,请忽略红线。 本人的实现综指是以最少的代码来实现。 每一个tab使用自定义view.每个tab是由两个控件叠加的。没有选中的时候下面一层的背景为透明,选中的时候下面一层...

java9
2016/03/02
1K
1
精选30个优秀的CSS技术和实例

收集精选了30个使用纯CSS完成的强大实践的优秀CSS技术和实例,您将在这里发现很多与众不同的技术,比如:图片集、阴影效果、可扩展按钮、菜单等…这些实例都是使用纯CSS和HTML实现的。 单击每...

晨曦之光
2012/03/09
0
0
【CSS】背景基础知识

92038-106.jpg 添加背景图 用 background-image 属性,在元素的背景中添加图形。 background-image属性有一个值:url,后面跟着放在括号里的图形文件路径。 路劲可以是绝对url,也可以是相对...

KelvinZ
2017/11/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

TypeScript基础入门之高级类型的可辨识联合(Discriminated Unions)

转发 TypeScript基础入门之高级类型的可辨识联合(Discriminated Unions) 高级类型 可辨识联合(Discriminated Unions) 你可以合并单例类型,联合类型,类型保护和类型别名来创建一个叫做 ...

durban
9分钟前
0
0
画图工具

目标是不要让我自己摆放,那样会打断我的思路。要自己会摆放,我写字就好。 纠结对齐的我在也不会因为一个像素的问题小心翼翼的移动鼠标了。因为它对不齐你也管不了。 Graphviz https://www...

郭大鹏
10分钟前
0
0
在Visual Studio中使用GitHub(使用篇)

上一篇中已经介绍了如何在windows下安装和配置Git,并且详细说明了如何和GitHub连接。 这里就详细的说明下如何在Visual Studio中使用GitHub。这里也是一个简单的Git教程。 注:非常非常简单的...

Jokeny
10分钟前
0
0
tomcat 在liunx系统中shutdown后进程仍然存在解决办法

这个在windows下没有碰到过,因为此前跑Tomcat都是以服务而不是命令脚本的形式跑的,而且已经换了一个项目,所以暂时不考察windows下是否存在该问题。 难道是Tomcat版本问题?或者用带内存泄...

乱舞
11分钟前
0
0
区块链10年了,还未落地,它失败了吗?

几乎每个人,甚至是对通证持怀疑态度的人,都对区块链的技术有积极的看法,因为它有可能改变世界。然而,区块链技术问世已经10年了,我们仍然没有真正的用上区块链技术。 有人说,比特币是建...

linux-tao
16分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部