├── Readme.md ├── _config.yml ├── demo.gif ├── index.html └── scarf.jpg /Readme.md: -------------------------------------------------------------------------------- 1 | # Ui-Component-ImageSlideEffect🖼 2 | 3 | ## Image SLide 🕶 Effect 🎭 4 | 5 | ### Image Slide Effect made with HTML5, CSS3 & Vanilla Javascript only 👍👌 . 6 | 7 | - image added from `` tag to background image with javascript 8 | 9 | Basic Simple and Easy To Use. 😎 10 | 11 | ## DEMO😍: 12 | 13 | --- 14 | 15 | ![](demo.gif) 16 | 17 | ## [TRY HERE](https://arslanameer.github.io/Ui-Component-ImageSlideEffect/) 😍 18 | 19 | [ © Copyrights [Arslan Ameer](http://www.arslanameer.com/) ] 20 | 21 | --- 22 | 23 | # 🔐LICENSE: 24 | 25 | Ui-Component-ImageSlideEffect © Copyright 2018-2019 by **[Arslan Ameer](http://www.arslanameer.com/)** 26 | 27 | Licensed under the Apache License, Version 2.0 (the "License"); 28 | you may not use this file except in compliance with the License. 29 | You may obtain a copy of the License at 30 | 31 | http://www.apache.org/licenses/LICENSE-2.0 32 | 33 | Unless required by applicable law or agreed to in writing, software 34 | distributed under the License is distributed on an "AS IS" BASIS, 35 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 36 | See the License for the specific language governing permissions and 37 | limitations under the License.. 38 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | show_downloads: true 2 | theme: jekyll-theme-minimal 3 | -------------------------------------------------------------------------------- /demo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ArslanAmeer/Ui-Component-ImageSlideEffect/1589b6689dc1caa63e124c4ee2077670b19a5708/demo.gif -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Image Slide Effect 13 | 46 | 47 | 48 | 49 | 50 |
51 |
52 | 53 |
54 |
55 | 56 | 57 | 67 | 68 | 69 | 70 | -------------------------------------------------------------------------------- /scarf.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ArslanAmeer/Ui-Component-ImageSlideEffect/1589b6689dc1caa63e124c4ee2077670b19a5708/scarf.jpg --------------------------------------------------------------------------------