文档章节

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

SubinY
 SubinY
发布于 2016/11/14 21:20
字数 60
阅读 8
收藏 0
点赞 0
评论 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
博文 86
码字总数 63997
作品 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
一句代码就解决一个开发中常见的小bug....

UI中如何彻底解决在修改个别button之后,背景图片总是覆盖它本身的子控件的方法? 在ios应用程序的开发过程中,设计UI阶段,我们免不了要反复设置不同控件的属性, 但是这样总是会出现一点小小的b...

DXSmile_大熊
2015/12/21
454
0
【CSS】背景基础知识

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

KelvinZ
2017/11/27
0
0
9 款 jQuery 插件为你的网站增加亮点

jQuery 现在已经有一统ajax框架的趋势,或许日后将成为ajax的标准框架也难说。本文向你推荐9款jQuery插件,使用这些插件可使你的网站增色不少。 开始吧! Sticky Sidebar :当页面向下滚动时...

红薯
2011/04/20
7.7K
13
objective-c UIImageView

// // ViewController.m // UIImageView // // Created by 非凡 程序员 on 15/11/12. // Copyright (c) 2015年 非凡 程序员. All rights reserved. // #import "ViewController.h" @interfa......

xtzPioneer
2015/11/13
0
0
CALayer动画实践(二):CAReplicatorLayer的用法

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

上官尘
2016/03/22
27
0
Silverlight 解谜游戏 之六 放大镜(2)

北京50年罕见暴雪,一会4点就下班了,赶在下班前再发一篇吧。上一篇我们已经添加了MagnifierOverBehavior 放大镜功能,但仍然无法控制该放大镜的开/关状态,本篇将基于一张放大镜图片创建一个...

junwong
2012/03/09
84
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Spring+jpaNo transactional EntityManager available

TransactionRequiredException: No transactional EntityManager availableEntityManager执行以下方法(refresh, persist, flush, joinTransaction, remove, merge) 都需要需要事务i......

wpfc
10分钟前
0
0
八幅漫画理解使用JSON Web Token设计单点登录系统

八幅漫画理解使用JSON Web Token设计单点登录系统 Sep 07, 2015 in Engineering 上次在《JSON Web Token - 在Web应用间安全地传递信息》中我提到了JSON Web Token可以用来设计单点登录系统。...

祖冲之
12分钟前
0
0
Spring框架中的设计模式(三)

Spring框架中的设计模式(三) 原创: 瑞查德-Jack 在之前的两篇文章中,我们看到了一些在Spring框架中实现的设计模式。这一次我们会发现这个流行框架使用的3种新模式。 本文将从描述两个创意...

瑞查德-Jack
15分钟前
1
0
[MicroPython]TPYBoard智能小车“飞奔的TPYBoard装甲一号”

智能小车作为现代的新发明,是以后的发展方向,他可以按照预先设定的模式在一个环境里自动的运作,不需要人为的管理,可应用于科学勘探等等的用途。智能小车能够实时显示时间、速度、里程,具...

bodasisiter
17分钟前
0
0
桌面虚拟化VDI(Virtual Desktop Infrastructure)

为了保证员工(客户)不把公司的资料复制、传输给别人。可以把员工平时办公放在服务器上做。所以使用桌面虚拟化。就是把一个服务器虚拟出很多桌面系统(如:windows)。 桌面虚拟化最大的优势...

王坤charlie
24分钟前
3
0
自我审视及职业规划

啊哈,不知不觉已经工作了3年了。程序员作为一门技术工作,如果分级的话我的能力如何呢?该怎么提升呢? 话说,我现在的能力属于中低级的层次吧,努力在向高级努力。为什么这么说呢: 因为我觉...

一口今心
26分钟前
3
0
《PHP和MySQL Web 开发》 第12章 MySQL高级管理

我决定好好写学习笔记了,对应上书上的目录和重要信息。不瞎jb写了。从这章开始吧,然后之前写的会编辑后重发。嗯,就酱。 12.1 深入理解权限系统 妈蛋 开头就卡住了。。。我先回去修改之前的...

十万猛虎下画山
27分钟前
1
0
Python 3.6:多态的实现

多态的作用不用多说,C++用如下条件来实现多态: 要有继承 要有虚函数函数重写 要有父类指针(父类引用)指向子类对象 实际上C++使用VPTR指针来完成这个事情,其是设计模式的基础,软件分层的基...

全部原谅
27分钟前
0
0
纯Python实现鸢尾属植物数据集神经网络模型[图]

纯Python实现鸢尾属植物数据集神经网络模型[图]: 尝试使用过各大公司推出的植物识别APP吗?比如微软识花、花伴侣等这些APP。当你看到一朵不知道学名的花时,只需要打开植物识别APP,拍摄一张...

原创小博客
29分钟前
2
0
2018安卓巴士开发者大会打造Android技术盛宴

2018安卓巴士开发者大会打造Android技术盛宴2018安卓巴士开发者大会将于8月25日在上海举行,作为中国最具前沿性、专业性的安卓技术会议,将邀请来自爱奇艺、阿里、饿了么等知名企业的一线工程...

逆鳞龙
31分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部