From 3410cbdca0dd1bc7de3661e3036b5bf8a1812826 Mon Sep 17 00:00:00 2001 From: NBSgamesAT Date: Wed, 18 Dec 2019 11:41:11 +0100 Subject: [PATCH] Added a social media slider, needs adjustment, works somehow at least --- contacts-slider/slider.css | 61 +++++++++++++++++++++++++++++++++++++ contacts-slider/slider.html | 34 +++++++++++++++++++++ 2 files changed, 95 insertions(+) create mode 100644 contacts-slider/slider.css create mode 100644 contacts-slider/slider.html diff --git a/contacts-slider/slider.css b/contacts-slider/slider.css new file mode 100644 index 0000000..b5df099 --- /dev/null +++ b/contacts-slider/slider.css @@ -0,0 +1,61 @@ +.part { + background-color: #CBF4A5; + color: #000000; + float: left; + height: 50px; +} +.picture { + width: 50px; + height: 50px; + background-color: #A4D469; + float: left; +} +.text { + font-size: 25pt; + float: left; + height: 47px; + padding: 0px 10px; + padding-top: 3px; + font-family: Verdana, Geneva, Tahoma, sans-serif; +} +.parent { + height: 50px; + width: auto; + display: inline-block; + position: relative; + animation-name: animation; + animation-duration: 10s; + animation-delay: 1000ms; + animation-iteration-count: infinite; + animation-timing-function: linear; + left: -588.6px; +} +@keyframes animation{ + from { + left: -588.6px; + } + to { + left: 100%; + } +} + +html, body { + height: 50px; + width: 100%; + margin: 0px; + padding: 0px; + overflow: hidden; +} + +.Layer_1 { + height: 40px; + width: 40px; + margin: 5px 0px 0px 5px; + color: #fff; +} +.Layer_1 path{ + height: 40px; + width: 40px; + margin: 5px 0px 0px 5px; + color: #fff; +} \ No newline at end of file diff --git a/contacts-slider/slider.html b/contacts-slider/slider.html new file mode 100644 index 0000000..d9a60cc --- /dev/null +++ b/contacts-slider/slider.html @@ -0,0 +1,34 @@ + + + + + + + + Document + + +
+
+
+ +
+
+ NBSgamesAT +
+
+
+
+ + + + + +
+
+ NBSgamesAT +
+
+
+ + \ No newline at end of file