body{ text-align:center;}
#mainbox
{
display:block;
width:500px;
margin:50px auto;
padding:15px;
text-align:center;
border:1px solid #999999;
background:#dddddd;
/*圆角
-webkit-border-radius:20px 10px 30px 50px;
boder-radius:20px 10px 30px 50px;
-webkit-border-radius:20px ;
boder-radius:20px;
-webkit-border-radius:20px / 10px;
boder-radius:20px / 10px;*/
/*阴影效果
-webket-box-shadow:rgb(150,150,150) 5px 5px;
box-shadow:rgb(150,150,150) 5px 5px;*/ /*线性渐变
background: -webkit-linear-gradient(top,#ffffff,#006699);*/
/*放射渐变
background: -webkit-radial-gradient(top,#ffffff,#006699);*/
/*轮廓
outline: 2px dashed #000099;
outline-offset:15px;*/
/*边框图片
-webkit-border-image:url("diamonds.png") 29 stretch;
border-image:url("diamonds.png") 29 stretch;*/
/*缩放
-webkit-transform:scale(2,-2);*/
/*旋转
-webkit-transform:rotate(0deg);*/
/*倾斜
-webkit-transform:skew(20deg);*/
/*移动
-webkit-transform:translate(100px);*/
-webkit-transform:-webkit-transform 1s ease-in-out 0.5s;
}
#mainbox:hover
{
-webket-transform:rotate(5deg); } #title
{
font:bold 36px MyNewFont,verdana,sans-serif;
/*文字阴影
text-shadow:rgb(0,0,150) 3px 3px 5px;*/ /*文字透明度*/
text-shadow:rgba(0,0,0,0.5) 3px 3px 5px;
color: hsla(120,100%,50%,0.5);
}
@font-face{ font-family:'MyNewFont'
src:('font.ttf');
}

html5(三)的更多相关文章

  1. 玩转html5(三)---智能表单(form),使排版更加方便

    <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/h ...

  2. 求帮助 html5三次贝塞尔曲线问题

    <!DOCTYPE html><html><head><meta charset="utf-8"> <title>can ...

  3. html5(一)

    HTML5 三个基本特色:结构.样式.功能. <!DOCTYPE html ><html lang="en"><head> <meta c ...

  4. HTML5 - 初识

    众所周知,我们现在的手机APP开发模式分为一下几大类: 一.原生APP 二.纯HTML5 三.原生+HTML5 四.React Native 公司的职位划分: 1.平面设计师  : 作图.切图.HTM ...

  5. Html5第一章

    赵冬梅 一.HTML简介 Hyper Text Markup Language(超文本标记语言) 超文本包括:文字.图片.音频.视频.动画等 二.HTML发展史 1993-6发布超文本标记语言 ... ...

  6. 前端校招知识体系之HTML5

    啥是HTML5?官方说HTML5 是下一代的 HTML... 本文主要介绍HTML5三个方面的知识,继续往下看看吧. 语义化标签 canvas&svg 响应式meta 一.语义化标签 语义化标 ...

  7. ios的Ping++支付接入步骤-b

    1. Client 发送支付要素给 Server 2. Server 发送支付请求并将返回的支付凭据传给 Client 3. Client 调起支付控件完成支付 4. 渠道同步返回支付结果给 Clie ...

  8. kbengine 常见问题汇总

    Q: KBEngine是什么,能用来做什么?A: KBEngine是一个通用网络游戏服务器引擎,适合绝大多数中心拓扑结构的网络游戏,包括但不限于即时和回合制MMORPG.副本类.房间类.卡牌.棋牌等. ...

  9. 【工具相关】Web-Sublime Text2新建立文件夹(二)

    紧接着上文. 一,打开Sublime Text2. 二,在桌面上新建立一个文件夹,html5. 三,打开html5如图所示.里面有我们刚刚建立好的文件. 四,把html5文件夹拖动到sublime2中 ...

  10. React-Native调用支付宝,微信

    https://www.pingxx.com/docs/downloads Ping++ 是为移动端应用以及 PC 网页量身打造的下一代支付系统,通过一个 SDK 便可以同时支持移动端以及 PC 端网 ...

随机推荐

  1. airsim 无法打开包括文件corecrt.h

    原因: 显示无法打开包括文件corecrt.h.在网上找了很多方法,最后综合起来发现,这个问题网上很多人反映,应该是vs2015的一个BUG,如果是选择"从父级或项目默认设置继承" ...

  2. selenium操作浏览器

    import org.openqa.selenium.WebDriver; import common.StartFireFox; public class TestBrowser { public ...

  3. stl string的erase方法

    ; i < s.size(); i++) { ') { s.erase(i,); i--; } } 删除string中的所有0.

  4. Python基础(一)常用函数

    1.map() 此函数可以,将列表内每一个元素进行操作,并返回列表 原型 map(function,[list]) def fc(x): return x * 2 print(map(fc,[1,2, ...

  5. C#-----字节数组(byte[])和字符串相互转换

       Encoding类  表示字符编码 1.字符串转换成字节数组byte[] using System; using System.Collections.Generic; using System ...

  6. Tomcat增加Context配置不带项目名访问导致启动的时候项目加载两次

    eclipse发布web应用至tomcat,默认方式下访问该项目是需要带项目名称的,例http://localhost:8080/myapp/.现在需要改成这样访问http://localhost.修 ...

  7. 第五篇——Struts2的默认Action

    默认Action 1.当访问action不存在时,可以通过制定默认action的方式避免出现错误代码页面: 2.使用default-action-ref 指定默认 action. 项目实例 1.项目结 ...

  8. win10安装JDK

    1.下载 首先,在官网下载 JDK:Oracle 官网 如上图所示,在 Oracle 官网下载 JDK,有一点需要注意,那就是在咱们下载合适的 JDK 之前,需要先点击“标记1”所在的按钮,选择接受. ...

  9. Vue将px转化为rem适配移动端

    Vue将px转化为rem适配移动端 1.下载lib-flexible我使用的是vue-cli+webpack,所以是通过npm来安装的npm i lib-flexible --save 2.引入lib ...

  10. John Deere Service Advisor EDL V2 Diagnostic Kit

    Support Languages: English, French, German, Italian, Portuguese, Russian, Spanish. John Deere Servic ...