文档章节

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
私信 提问
JS三教九流系列-jquery实例开发到插件封装1

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

透笔度
2015/08/11
0
0
iOS使用[核心动画]和[定时器]两种方式实现【呼吸灯动画】(仿蘑菇街价格标签)

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

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

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

编程开拓者
2016/12/01
0
0
说说 Android 中的通知(Notification)

当应用程序不在前台运行,这时就可以借助通知( Notification )向用户发送一些提示消息。 发出通知后,手机最上方的状态栏中就会显示一个通知图标,下拉状态栏就会看到通知的详情。 1 基本用...

deniro
2018/05/20
0
0
CSS纯图片圆角Box的实现技巧

CSS实例教程——纯图片圆角Box的实现技巧 BY:htttp://www.iiwnet.com 终于要开始写实战系列了,本站的口号可是理论为辅,实战为主哦。对,你没有看错,就是“纯图片”,不是纯代码实现而是利...

西西爱OS
2012/09/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

脚本配置java开发环境

@echo off&setlocal enabledelayedexpansion cls @echo "This script is used to registe envionment variables......" @echo. @echo. @echo. set var=%~dp0 set var=%var:~,-1% @echo "regi......

默克鱼
39分钟前
1
0
c++中友元函数理解与使用

在学习c++这一块,关于友元函数和友元类,感觉还是不好理解,但是井下心来,理解,需要把我一下几点。 首先讲友元函数。 (1)友元函数: 1)C++中引入友元函数,是为在该类中提供一个对外(除...

天王盖地虎626
今天
2
0
OSChina 周一乱弹 —— 白掌柜说了卖货不卖身

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @爱漫爱 :这是一场修行分享羽肿的单曲《Moony》 手机党少年们想听歌,请使劲儿戳(这里) @clouddyy :开不开心? 开心呀, 我又不爱睡懒觉…...

小小编辑
今天
1K
14
大数据教程(11.7)hadoop2.9.1平台上仓库工具hive1.2.2搭建

上一篇文章介绍了hive2.3.4的搭建,然而这个版本已经不能稳定的支持mapreduce程序。本篇博主将分享hive1.2.2工具搭建全过程。先说明:本节就直接在上一节的hadoop环境中搭建了! 一、下载apa...

em_aaron
今天
5
0
开始看《JSP&Servlet学习笔记》

1:WEB应用简介。其中1.2.1对Web容器的工作流程写得不错 2:编写Servlet。搞清楚了Java的Web目录结构,以及Web.xml的一些配置作用。特别是讲了@WebServlet标签 3:请求与响应。更细致的讲了从...

max佩恩
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部