文档章节

0基础学前端 要学会看图片呼吸灯效果html纯代码

小婧大神
 小婧大神
发布于 2017/04/27 09:34
字数 179
阅读 4
收藏 0

0基础学前端 要学会看图片呼吸灯效果html纯代码 + WEB前端互动交流群04 找CC哟~~~

<!DOCTYPE HTML>

<html>

 

<head>

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<title>test</title>

<style type="text/css">

ol, ul { list-style: none; }

li { width: 180px; height: 120px; display: inline-block; }

li img { display: block; width: 140px; height: 80px; background-color: #FFF; box-shadow: 0px 0px 18px rgba(0, 0, 0, .4); -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition-delay: all ease 1s; transition: all ease 1s; }

li img:hover { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -transform: scale(1.2, 1.2); -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition-delay: all ease 1s; transition: all ease 1s; }

</style>

</head>

 

<body>

<ul>

<li>

<a href="#"><img src="#" width="140" height="80" alt=""></a>

</li>

<li>

<a href="#"><img src="#" width="140" height="80" alt=""></a>

</li>

</ul
>

</body>

 

</html>

本文转载自:

共有 人打赏支持
小婧大神
粉丝 0
博文 77
码字总数 3758
作品 0
iOS使用[核心动画]和[定时器]两种方式实现【呼吸灯动画】(仿蘑菇街价格标签)

最近公司需求做个类似小红书的标签呼吸灯动画,经过一段时间研究使用两种方式实现了该效果… 第一种方式使用定时器加 UIView动画,核心方法如下

秦无炎
2016/10/14
86
0
如何成为一个web前端, 怎样系统的去学习! [A篇]

     html+css、java、mysql、php、xml、http协议、WebService、linux系统      俗话说的好,冰冻三尺并非一日之寒。如果你能静下心来慢慢的看完我写的以下文章,会对你想要学习或者...

编程开拓者
2016/12/01
0
0
JS三教九流系列-jquery实例开发到插件封装1

我们先写实例,然后在分装为插件,最后做更高级的处理! 封装插件基础学习 http://my.oschina.net/u/2352644/blog/487688 效果目录: 1.tab切换效果的实例和封装 2.带左右按钮图片滚动效果的...

透笔度
2015/08/11
0
0
web前端小案例-css制作彩色圆环弹跳

彩色圆环弹跳效果 这个效果是由纯css代码制作,布局相对简单,有正在学习前端基础的小伙伴可以用来练习一下,现在越来越多的企业重视起基础知识了,所以有要找工作的小伙伴和正在找工作的小伙...

急速奔跑中的蜗牛
02/25
0
0
web前端开发小白需要怎样学习才能迅速掌握前端技术?

  今天来和大家讲讲零基础小白学习web前端开发,需要怎样学习才能迅速掌握前端技术?学习前端开发又需要用到哪些开发工具呢?这里首先分享一下我自己的经验,我自己目前是搞后端开发【也就是...

Java编程语言基础入门博客
2017/04/14
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSX | SafariBookmarksSyncAgent意外退出解决方法

1. 启动系统, 按住⌘-R不松手2. 在实用工具(Utilities)下打开终端,输入csrutil disable, 然后回车; 你就看到提示系统完整性保护(SIP: System Integrity Protection)已禁用3. 输入reboot回车...

云迹
今天
4
0
面向对象类之间的关系

面向对象类之间的关系:is-a、has-a、use-a is-a关系也叫继承或泛化,比如大雁和鸟类之间的关系就是继承。 has-a关系称为关联关系,例如企鹅在气候寒冷的地方生活,“企鹅”和“气候”就是关...

gackey
今天
4
0
读书(附电子书)|小狗钱钱之白色的拉布拉多

关注公众号,在公众号中回复“小狗钱钱”可免费获得电子书。 一、背景 之前写了一篇文章 《小狗钱钱》 理财小白应该读的一本书,那时候我才看那本书,现在看了一大半了,发现这本书确实不错,...

tiankonguse
今天
4
0
Permissions 0777 for ‘***’ are too open

异常显示: @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @ WARNING: UNPROTECTED PRIVATE KEY FILE! @ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ......

李玉长
今天
5
0
区块链10年了,还未落地,它失败了吗?

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

问题终结者
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部