html属性应用实例,HTML5 contenteditable属性使用示例

CSS

语言：

CSSSCSS

确定

@import url(http://fonts.googleapis.com/css?family=Raleway:400,,800,900);

html {

width: 100%;

height: 100%;

}

* {

outline: none;

}

body {

background: -webkit-linear-gradient(#ebece7, white);

background: linear-gradient(#ebece7, white);

margin: 0;

width: 100%;

height: 100%;

font-family: 'Raleway', sans-serif;

}

.container {

position: absolute;

-webkit-transform: translate(-50%, -50%);

-ms-transform: translate(-50%, -50%);

transform: translate(-50%, -50%);

left: 50%;

top: 50%;

max-wisth: 100%;

}

.title {

color: #333;

letter-spacing: -5px;

margin-left: -16px;

font-weight: 800;

color: transparent;

font-size: 100px;

background: url("https://download.unsplash.com/uploads/14116941824817ba1f28e/78c8dff1") repeat;

background-position: 30% 10%;

background-size: 200%;

-webkit-background-clip: text;

position: relative;

text-align: center;

line-height: 90px;

text-transform: uppercase;

}

.lg {

font-weight: 400;

}

a,

.subtitle {

display: block;

text-align: center;

font-style: italic;

text-decoration: initial;

text-transform: uppercase;

padding-top: 10px;

color: #E93074;

}

h1 {

text-align: center;

font-family: 'Monsieur La Doulaise', cursive;

font-size: 40px;

}