JSDM

HTML

4
1
%h1 
2
    - (1...600).each do
3
        PARTY
4
!

CSS

xxxxxxxxxx
40
 
1
@import url(http://fonts.googleapis.com/css?family=Sniglet:800);
2
3
.backgroundclip h1 {
4
  background: url(http://s.cdpn.io/44303/stormtrooper-star-wars-break-dance-gif1.gif) no-repeat center center fixed; 
5
  -webkit-background-size: cover;
6
  -moz-background-size: cover;
7
  -o-background-size: cover;
8
  background-size: cover;
9
  
10
  -webkit-background-clip: text;
11
  -webkit-text-fill-color: transparent;
12
  
13
}
14
15
h1 {
16
  font-family: 'Sniglet', cursive;
17
  color: white;
18
  font-size:2em;
19
  text-align: center;
20
  margin: 0;
21
  line-height: 0.8;
22
  letter-spacing: 1px;
23
}
24
25
h1:after {
26
  content:'';
27
  display:inline-block;
28
  width:100%;  
29
  height:0;
30
}
31
32
body {
33
  background-color: black;
34
}
35
36
div {
37
  position:fixed;
38
  bottom: 10px; 
39
  right: 10px;
40
}
!
? ?
? ?
必须是有效的URL
+ 添加另一个资源

JS

17
 
1
 Modernizr.addTest('backgroundclip',function() {
2
3
    var div = document.createElement('div');
4
5
    if ('backgroundClip' in div.style)
6
      return true;
7
8
    'Webkit Moz O ms Khtml'.replace(/([A-Za-z]*)/g,function(val) { 
9
      if (val+'BackgroundClip' in div.style) return true;
10
    });
11
12
  });
13
14
$(document).ready(function() {
15
  //var iframeStr = '<div><iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F95099230&color=ff6600&auto_play=false&show_artwork=true"></iframe><div>';
16
  //$('body').append(iframeStr);
17
});
!
必须是有效的URL
+ 添加另一个资源
Close

文件管理 点击文件查看URL

图片

  1. 暂无文件

CSS

  1. 暂无文件

JavaScript

  1. 暂无文件

其他

  1. 暂无文件
拖动文件到上面的区域或者:
加载中 ..................