From 958383a33acfa5f35c1f3903c155f2573820f4d3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Pawe=C5=82=20Kawczy=C5=84ski?= Date: Tue, 12 Dec 2017 15:13:52 +0100 Subject: [PATCH] Add new features in CSS to animate movement --- .DS_Store | Bin 6148 -> 6148 bytes ._.DS_Store | Bin LICENSE | 0 README.md | 0 css/style.css | 10 ++++++++++ fonts/ARCADE.TTF | Bin icons/.DS_Store | Bin icons/._.DS_Store | Bin index.html | 0 js/script.js | 6 +++++- test.txt | 0 11 files changed, 15 insertions(+), 1 deletion(-) mode change 100755 => 100644 .DS_Store mode change 100755 => 100644 ._.DS_Store mode change 100755 => 100644 LICENSE mode change 100755 => 100644 README.md mode change 100755 => 100644 css/style.css mode change 100755 => 100644 fonts/ARCADE.TTF mode change 100755 => 100644 icons/.DS_Store mode change 100755 => 100644 icons/._.DS_Store mode change 100755 => 100644 index.html mode change 100755 => 100644 js/script.js mode change 100755 => 100644 test.txt diff --git a/.DS_Store b/.DS_Store old mode 100755 new mode 100644 index 940caf3d08ae1d3c09fc9ccbb49c5f28cc289016..1d881374e931e7e943c826eea9eaecfef51c6eaa GIT binary patch delta 19 acmZoMXffEJ!pdfBs-s|Hv{{SwmJk3nHw7>N delta 19 acmZoMXffEJ!pdf9s-s|Huvv@smJk3nK?N`X diff --git a/._.DS_Store b/._.DS_Store old mode 100755 new mode 100644 diff --git a/LICENSE b/LICENSE old mode 100755 new mode 100644 diff --git a/README.md b/README.md old mode 100755 new mode 100644 diff --git a/css/style.css b/css/style.css old mode 100755 new mode 100644 index 8a0bd7a..629fff3 --- a/css/style.css +++ b/css/style.css @@ -8,6 +8,7 @@ /*-----------------------Icon CSS high-resolution-------------------------------------*/ /*-----------------------Character CSS high-resolution--------------------------------*/ + h1 { font-family: headersFont; font-size: 100px; @@ -234,6 +235,15 @@ html { height: 2rem; border-radius: 0.4rem 0.4rem; background-color: #e31e5e; + transform: rotate(0deg); +} +@keyframes animation-move-left{ + 0%{ + transform: rotate(30deg); + } + 100%{ + transform: rotate(0deg); + } } #char-pants-right { diff --git a/fonts/ARCADE.TTF b/fonts/ARCADE.TTF old mode 100755 new mode 100644 diff --git a/icons/.DS_Store b/icons/.DS_Store old mode 100755 new mode 100644 diff --git a/icons/._.DS_Store b/icons/._.DS_Store old mode 100755 new mode 100644 diff --git a/index.html b/index.html old mode 100755 new mode 100644 diff --git a/js/script.js b/js/script.js old mode 100755 new mode 100644 index 5d9636b..27d7ccd --- a/js/script.js +++ b/js/script.js @@ -5,7 +5,9 @@ $(document).ready(function() { $("#char-container").css({ 'left': '-=2rem', }) - } + $("#char-pants-left").animate({ + //zmienic klase na + }) if(e.which == 38){ $("#char-container").css({ 'top': '-=2rem', @@ -15,6 +17,8 @@ $(document).ready(function() { $("#char-container").css({ 'left': '+=2rem', }) + $("#char-pants-right").css({ + }) } if(e.which == 40){ $("#char-container").css({ diff --git a/test.txt b/test.txt old mode 100755 new mode 100644