情人节——微信朋友圈浓浓爱意的9张拼图（HTML版本）

最终效果：

这个背景图片

图片地址：【https://img-blog.csdnimg.cn/9a49d83642d941b0b17674ae9b4c0914.png】

组合效果：

完整编码：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><style>* {margin: 0px auto;padding: 0px;}#box {width: 900px;height: 900px;background-image: url('https://img-blog.csdnimg.cn/9a49d83642d941b0b17674ae9b4c0914.png');background-size: 100% 100%;background-repeat: no-repeat;box-shadow: 15px 15px 15px 15px white inset;border-radius: 50px;}#img {width: 290px;height: 290px;text-align: center;position: relative;top: 35%;border-radius: 50px;will-change: scale;animation: BigShow 1s infinite;}#img img {width: 95%;height: 95%;border-radius: 50px;}@keyframes BigShow {100% {transform-origin: center;transform: scale(1.01, 1.01);}90% {transform-origin: center;transform: scale(1.02, 1.02);}80% {transform-origin: center;transform: scale(1.03, 1.04);}70% {transform-origin: center;transform: scale(1.05, 1.05);}60% {transform-origin: center;transform: scale(1.06, 1.06);}50% {transform-origin: center;transform: scale(1.07, 1.07);}40% {transform-origin: center;transform: scale(1.08, 1.08);}30% {transform-origin: center;transform: scale(1.09, 1.09);}20% {transform-origin: center;transform: scale(1.10, 1.10);}10% {transform-origin: center;transform: scale(1.11, 1.11);}0% {transform-origin: center;transform: scale(1.0, 1.0);}}</style><div id="box"><div id="img"><img src="https://img-blog.csdnimg.cn/fa9f9db4cbfd43d49d6246b1ffd4f5f7.png" title="love" alt="爱你的boby"></div></div>
</body></html>

情人节——微信朋友圈浓浓爱意的9张拼图（HTML版本）相关推荐

情人节——微信朋友圈浓浓爱意的9张拼图
上资源: 下面有图的,是框格图片: 组合效果使用PS在中间加一张图片就行了,很方便. 例如,放一个对方的大头贴. 如果不会PS的,我稍后还会发一个纯HTML原生的.
微信朋友圈怎样推广，一张思维导图告诉大家
网络推广是一种很好的将品牌曝光的一种推广方法,并且推广的平台有很多,但是我们应当寻找与自己产品有相关性的平台进行推广使用,这样才能更加的专业,在推广的平台中微信朋友圈也是很好的平台,那具体要怎样做呢? ...
android 微信朋友圈图文编辑器,做朋友圈的「集赞机」：微信朋友圈生存手册 Android 篇...
一年几度的「朋友圈杯旅游.美食.自拍大赛」已接近尾声,这一次你有没有再创佳绩呢?作为一项我国人们「喜闻乐见」的装逼活动,朋友圈状态已经成了判定一个人逼格的重要依据,然而根据我多年的研(zhuang)究 ...
微信朋友圈广告悄然上线
七夕情人节,微信团队并没有忙着过节,而是悄然上线了微信朋友圈广告. 对于肩负着微信变现重任的朋友圈广告业务,官网设计得非常简单.除了介绍微信朋友圈广告的优势以及合作案例之外,官网重点介绍了微信朋友圈广 ...
python获取登录按钮_python爬虫24 | 搞事情了，用 Appium 爬取你的微信朋友圈。
昨天小帅b看到一些事情不顺眼有人偷换概念忍不住就写了一篇反讽 996 的看不下去了,我支持996,年轻人就该996! 没想到有些人看不懂这就算了还来骂我早些时候关注我的小伙伴应该知道我第一 ...
仅展示近三天的动态设置_微信朋友圈设置三天可见了吗？
忘记从何开始微信朋友圈和微博都可以设置显示权限了,目的就是为了方便我们自行选择显示的权利,但是微信你们是否也开启了三天权限呢?说真的,我的朋友圈开启了,昨晚看见朋友圈疯转的一篇图文信息"微信 ...
一个仿微信朋友圈的图片查看框架 - PhotoViewer
PhotoViewer 该图片查看器是模仿微信朋友圈查看图片编写 allprojects {repositories {...maven { url 'https://jitpack.io' }}}复 ...
Android 仿微信朋友圈添加图片
github地址(欢迎下载Demo) https://github.com/zhouxu88/WXCircleAddPic 老习惯,先上图,着急用的朋友,直接带走Demo,先拿来用吧,毕竟老板催的紧, ...
mfc让图片与按钮一起_微信朋友圈发图片还能添加语音，简单两步就能搞定！今天学到了...
大家好,我是分享科技小达人~ 今天跟大家探讨的问题是:[微信朋友圈发图片添加语音的方法]. 日常生活中,我们都喜欢发朋友圈,今天就来教你如何在微信朋友圈,发送带语音的图片,方法非常简单,一起来学习一下 ...

情人节——微信朋友圈浓浓爱意的9张拼图（HTML版本）

情人节——微信朋友圈浓浓爱意的9张拼图（HTML版本）相关推荐

最新文章

热门文章