Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Demo Update
  • Loading branch information
cyr15103 committed Sep 12, 2017
1 parent ab78af3 commit cdce495
Show file tree
Hide file tree
Showing 36 changed files with 3,437 additions and 31 deletions.
Binary file added demo/2_webp_a.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demo/2_webp_a.webp
Binary file not shown.
31 changes: 7 additions & 24 deletions demo/demo.css
@@ -1,28 +1,11 @@


.rotated-box {
transform: rotateZ(20deg);;
height:100px;
background-color:blue;
width:50%;
margin-top:10%;
margin-left:2%;
color:white;
padding-top: 20px;
.no-webp .image {
background-image: url("2_webp_a.png");
}

.rotated-box2 {
transform: rotate(20deg);
height:100px;
background-color:blue;
width:50%;
margin-top:10%;
margin-left:2%;
color:white;
padding-top: 20px;
.webp .image {
background-image: url("2_webp_a.webp");
}
p {
margin-left:40px;
margin-right:40px;

}
.image {
height:700px;
}
10 changes: 3 additions & 7 deletions demo/index.html
@@ -1,18 +1,14 @@
<!DOCTYPE html>
<html>
<html class="no-js" lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<link rel="stylesheet" type="text/css" href="demo.css">
<script src="modernizr-custom.js"></script>
</head>
<body>
<h1>Demo</h1>
<div class="rotated-box">
<p>This is a css transform demo to show how newer elements may not work depending on the browser.</p>
</div>

<div class="rotated-box2">
<p>This is a css transform demo to show how newer elements may not work depending on the browser.</p>
<div class="image">
</div>
</body>
</html>
3 changes: 3 additions & 0 deletions demo/modernizr-custom.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

13 changes: 13 additions & 0 deletions demo/modernizr-test/modernizr-test/.editorconfig
@@ -0,0 +1,13 @@
# editorconfig.org

root = true

[*]
charset = utf-8
indent_size = 4
indent_style = space
insert_final_newline = true
trim_trailing_whitespace = true

[*.md]
trim_trailing_whitespace = false
1 change: 1 addition & 0 deletions demo/modernizr-test/modernizr-test/.gitattributes
@@ -0,0 +1 @@
* text=auto
2 changes: 2 additions & 0 deletions demo/modernizr-test/modernizr-test/.gitignore
@@ -0,0 +1,2 @@
# Include your project-specific ignores in this file
# Read about how to use .gitignore: https://help.github.com/articles/ignoring-files

0 comments on commit cdce495

Please sign in to comment.