From 9a4c2220d310a9bc7b7a01943bf925ed38265665 Mon Sep 17 00:00:00 2001 From: littleblack111 Date: Tue, 3 Oct 2023 07:59:00 +0800 Subject: added more features & fixed border(radius)bug from vanilla tilt --- src/css/index.css | 2 ++ src/css/style.css | 4 ++++ src/js/tilt.conf.js | 5 +++++ 3 files changed, 11 insertions(+) create mode 100644 src/js/tilt.conf.js (limited to 'src') diff --git a/src/css/index.css b/src/css/index.css index 4666c95b..5ba0659a 100644 --- a/src/css/index.css +++ b/src/css/index.css @@ -25,6 +25,8 @@ display: flex; justify-content: center; align-items: center; + /* transform-style: preserve-3d; */ + /* perspective: 1000px; */ } .window .placeholder { diff --git a/src/css/style.css b/src/css/style.css index 71e9adaa..a4e608fb 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -101,6 +101,10 @@ body { transition: all 0.3s } +.js-tilt-glare { + border-radius: 18px; +} + /* topbar styles ========================================== */ header { diff --git a/src/js/tilt.conf.js b/src/js/tilt.conf.js new file mode 100644 index 00000000..d0ef14ad --- /dev/null +++ b/src/js/tilt.conf.js @@ -0,0 +1,5 @@ +VanillaTilt.init(document.querySelectorAll(".tilt"),{ + glare: true, + reverse: true, + "max-glare": 0.5, +}) -- cgit v1.2.3