Java CSS3：（七）CSS3 中常用的样式（跳动的心）

CSS3 中常用的样式-跳动的心

做一个跳动的心

做一个跳动的心

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style>body {background-color: #ffa5a5;}.cen {width: 200px;height: 200px;background-color: #d5093c;/*阴影   水平方向的偏移  垂直方向的偏移  模糊度 阴影的颜色*/box-shadow: 0px 0px 70px #D5093C;/*执行动画的调用*/animation: 1s aj infinite;}.lef {/*倒圆角指令*/border-radius: 100px;/* 左上右下   右上左下 *//*border-radius:10px  60px;*//*border-radius:10px 20px 30px 40px;*/position: absolute;top: 200px;left: 200px;}.rig {border-radius: 100px;position: absolute;top: 200px;left: 341px;}.c {/*旋转角度*/transform: rotate(45deg);position: absolute;top: 269px;left: 271px;}/*CSS3中的动画*/@keyframes aj {0% {transform: scale(1)rotate(45deg);}50% {transform: scale(1.1)rotate(45deg);}100% {transform: scale(1)rotate(45deg);}}@-moz-keyframes name {from {}to {}}@-ms-keyframes name {from {}to {}}@-webkit-keyframes name {from {}to {}}</style></head><body><div class="cen lef"></div><div class="cen c"></div><div class="cen rig"></div></body>
</html>
<!--CSS3中常用的属性/*倒圆角指令*/border-radius: 100px;/* 左上右下   右上左下 *//*border-radius:10px  60px;*//*border-radius:10px 20px 30px 40px;*//*旋转角度*/transform: rotate(45deg);/*放大的倍数*//*transform: scale(1.3);*//* X:水平的位移   Y  ：垂直的位移  负数：上*//*transform: translate(0px,-5px);*//*2D角度的旋转  X  Y*/transform: skew(40deg,45deg);/*阴影   水平方向的偏移  垂直方向的偏移  模糊度 阴影的颜色*/box-shadow: 0px 0px 70px #D5093C;CSS3中的动画标签 @-ms-keyframes name{from{}to{}}@-ms-keyframes name{0%{}50%{}100%{}}
-->

运行结果：

Java CSS3：（七）CSS3 中常用的样式（跳动的心）相关推荐

html网页中加五角星,使用css3在网页中实现五角星样式（原理解析）
本篇文章给大家带来的内容是关于使用css3在网页中实现五角星样式,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 我们平时在web网页中看到的各种图形包括正方形,长方形,三角形,圆形等 ...
Java输入/输出流体系中常用的流分类
java输入/输出流体系中常用的流分类分类字节输入流字节输出流字符输入流字符输出流抽象基类 InputStream OutputStream Reader Writer 访问文件 File ...
复习Java小球游戏代码分享Java面试题MySQL中常用的锁生活【记录一个咸鱼大学生三个月的奋进生活】021
记录一个咸鱼大学生三个月的奋进生活021 复习Java小球游戏游戏界面的代码小球运动线程的代码运行游戏的代码运行结果代码分享学习Java面试题(MySQL中常用的锁) 照片分享复习Jav ...
CSS3干货23：常用字体样式设置
一.字体颜色 color: 颜色;color:#f30; color:rgb(255,100,0); color:rgba(255,100,0,0.4); 二.字体设置 font-family:Ari ...
java bitmap jar_Java面试中常用的BitMap代码
引言阿里内推面试的时候被考了一道编程题:10亿个范围为1~2048的整数,将其去重并计算数字数目. 我看到这个题目就想起来了<编程珠玑>第一章讲的叫做BitMap的数据结构,但是我并没有 ...
dwcss样式中英对照_DW中常用css样式四种类型详细解析说明
css 样式加载 css 样式类型有以下四种一.外部样式格式: 路径 " /> 举例: 用处:这种形式是把 css 单独写到一个 css 文件内,然后在源代码中以 link 方 ...
android java包_android SDk中常用的java包介绍
下面是android SDK中API中的主要java包的功能简介: android.app :提供高层的程序模型.提供基本的运行环境 android.content :包含各种的对设备上的数据进行访问 ...
java cache教程_Java 中常用缓存Cache机制的实现
缓存主要可分为二大类: 一.通过文件缓存,顾名思义文件缓存是指把数据存储在磁盘上,不管你是以XML格式,序列化文件DAT格式还是其它文件格式: 二.内存缓存,也就是实现一个类中静态Map,对这个Map ...
java hql查询_Spring 中常用的hql查询方法(getHibernateTemplate())(转)
示例:this.getHibernateTemplate().find("from bean.User"); 返回所有User对象二.find(String queryStrin ...

Java CSS3：（七）CSS3 中常用的样式（跳动的心）

CSS3 中常用的样式-跳动的心

做一个跳动的心

Java CSS3：（七）CSS3 中常用的样式（跳动的心）相关推荐

最新文章

热门文章