文档章节

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

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
码字总数 66143
作品 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
canvas进阶——如何画出平滑的曲线?

背景概要 相信大家平时在学习canvas 或 项目开发中使用canvas的时候应该都遇到过这样的需求:实现一个可以书写的画板小工具。 嗯,相信这对canvas使用较熟的童鞋来说仅仅只是几十行代码就可以...

我的蓝猫被削了
10/15
0
0
CALayer动画实践(二):CAReplicatorLayer的用法

上一篇文章通过两个动画示例带大家了解和认识了CALayer动画,包括如何使用CAShapeLayer、CABasicAnimation、CAAnimationGroup等。在这篇文章中,依然会通过两个示例向大家讲解更多CALayer动画...

上官尘
2016/03/22
27
0

没有更多内容

加载失败,请刷新页面

加载更多

Git —— 创建版本库和提交回退版本

二、 创建版本库 版本库又叫做仓库,简单理解就是一个目录,这个目录里面所有的文件都可以被Git管理起来,每个文件的修改、删除,Git都可以跟踪,便于追踪历史与还原。找到一个合适的位置,创...

lwenhao
27分钟前
2
0
guava cache使用介绍

今天在项目中发现大量使用guava cache提供缓存,觉得不错。 jvm堆大小为5G /** * * 占用JVM内存,内部数据结构类似于ConcurrentHashMap。因为JVM堆大小的限制,guava cac...

jack_peng
31分钟前
3
0
崛起于Springboot2.X之投票活动排行榜项目

简介:投票活动,用户只能一天投票一次,然后对参与投票的项目进行实时的排行功能。 架构:redis+mysql+springboot2.0.3+mybatis 不懂可以私信我哦 1、数据库建表 CREATE TABLE `t_dtb_prod...

木九天
40分钟前
2
0
logback源码分析-2、appender解析

源码基于logback 1.1.2 logback.xml文件内容如下 <?xml version="1.0"?><configuration scan="true" scanPeriod="30 seconds"> <property name="fileDir" value="/export/log/ingore......

924411018
46分钟前
2
0
【HAVENT原创】NodeJS 两个模块进行 RSA 加密解密(匹配Java RSA)

业务逻辑需要使用 NodeJS 进行公钥加密传输给 Java 后端进行私钥解密,但是默认 NodeJS 使用的 RSA padding 模式与 Java 的不一致,所以需要配置。 不啰嗦,上代码,分别用 crypto 和 node-r...

HAVENT
52分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部