Changeset 3431964
- Timestamp:
- 01/04/2026 06:27:21 AM (3 months ago)
- Location:
- smartparallax/trunk
- Files:
-
- 5 edited
-
assets/css/shared/all.min.css (modified) (1 diff)
-
assets/css/shared/parallax.css (modified) (2 diffs)
-
assets/js/shared/all.min.js (modified) (1 diff)
-
readme.txt (modified) (7 diffs)
-
smartparallax.php (modified) (1 diff)
Legend:
- Unmodified
- Added
- Removed
-
smartparallax/trunk/assets/css/shared/all.min.css
r3418765 r3431964 1 1 /*! 2 * SmartParallax Styles v1.0. 42 * SmartParallax Styles v1.0.5 3 3 * (c) 2025 SmartParallax — https://smartparallax.com/ 4 4 * Licensed under GPL-2.0-or-later 5 5 */ 6 .parallax-image, .parallax-container { position: relative; overflow: hidden; } .parallax-container { transform: translate3d(0,0,0) scale(1) translateZ(0); transform-origin: 50% 49.9999% 0; backface-visibility: hidden; perspective: 1000px; z-index: 0; } .parallax-container::after { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 1px; transform: translateZ(0); opacity: 0.0001; pointer-events: none; } .parallax-image .shp-parallax-bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; transform: translate3d(0,0,0) translateZ(0); backface-visibility: hidden; z-index: 0; } .parallax-image video.wp-block-cover__video-background, .parallax-container video.wp-block-cover__video-background { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transform: translate3d(0,0,0) translateZ(0); backface-visibility: hidden; z-index: 0; } .parallax-image > :not(.shp-parallax-bg):not(video), .parallax-container > :not(.shp-parallax-bg):not(video) { position: relative; z-index: 1; } .parallax-heading { position: relative; transform: translate3d(0,0,0) translateZ(0); backface-visibility: hidden; z-index: 2; } @media (prefers-reduced-motion: reduce) { .parallax-image .shp-parallax-bg, .parallax-image video.wp-block-cover__video-background, .parallax-container, .parallax-container video.wp-block-cover__video-background, .parallax-heading { transform: none !important; opacity: 1 !important; filter: none !important; } }6 .parallax-image, .parallax-container { position: relative; overflow: hidden; } .parallax-container { transform: translate3d(0,0,0) scale(1) translateZ(0); transform-origin: 50% 49.9999% 0; backface-visibility: hidden; perspective: 1000px; z-index: 0; } .parallax-container::after { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 1px; transform: translateZ(0); opacity: 0.0001; pointer-events: none; } .parallax-image .shp-parallax-bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; transform: translate3d(0,0,0) translateZ(0); backface-visibility: hidden; z-index: 0; } .parallax-image video.wp-block-cover__video-background, .parallax-container video.wp-block-cover__video-background { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transform: translate3d(0,0,0) translateZ(0); backface-visibility: hidden; z-index: 0; } .parallax-image > :not(.shp-parallax-bg):not(video), .parallax-container > :not(.shp-parallax-bg):not(video) { position: relative; z-index: 1; } .parallax-heading { position: relative; transform: translate3d(0,0,0) translateZ(0); backface-visibility: hidden; z-index: 2; } -
smartparallax/trunk/assets/css/shared/parallax.css
r3401572 r3431964 77 77 78 78 /* Bewegungsreduktion */ 79 @media (prefers-reduced-motion: reduce) {79 /*@media (prefers-reduced-motion: reduce) { 80 80 .parallax-image .shp-parallax-bg, 81 81 .parallax-image video.wp-block-cover__video-background, … … 87 87 filter: none !important; 88 88 } 89 } 89 }*/ 90 90 -
smartparallax/trunk/assets/js/shared/all.min.js
r3418765 r3431964 1 1 /*! 2 * SmartParallax Scripts v1.0. 42 * SmartParallax Scripts v1.0.5 3 3 * (c) 2025 SmartParallax — https://smartparallax.com/ 4 4 * Licensed under GPL-2.0-or-later -
smartparallax/trunk/readme.txt
r3424102 r3431964 1 === SmartParallax – GPU Parallax Backgrounds & ScrollEffects ===1 === SmartParallax – Scroll-Linked Animations & Parallax Effects === 2 2 Contributors: smartparallax 3 3 Plugin URI: https://smartparallax.com/documentation/ 4 4 Author URI: https://smartparallax.com/ 5 Tags: parallax, animation, scroll, background, image5 Tags: parallax, parallax background, scroll background, scroll animation, scroll effects, gpu animation 6 6 Requires at least: 6.0 7 7 Tested up to: 6.9 8 Stable tag: 1.0. 48 Stable tag: 1.0.5 9 9 License: GPLv2 or later 10 10 License URI: https://www.gnu.org/licenses/gpl-2.0.html 11 11 12 Lightweight GPU-accelerated parallax backgrounds and scrolleffects for modern WordPress sites.12 Lightweight GPU-accelerated scroll-linked animations and parallax effects for modern WordPress sites. 13 13 14 14 == Description == 15 15 16 16 **SmartParallax** adds smooth, GPU-accelerated parallax motion to images, backgrounds, blocks and sections. 17 It uses a tiny, dependency-free JavaScript engine that applies optimized transforms for fluid scrolling performance— even on mobile devices.17 It uses a small, dependency-free JavaScript engine that applies optimized GPU transforms for fluid scroll-linked animations — even on mobile devices. 18 18 19 Works with Gutenberg, Elementor, Bricks, Divi, Oxygen, WPBakery and virtually every modern WordPress theme. 19 All movements are directly linked to the scroll position. 20 Nothing runs automatically and nothing loops. Every animation follows the user’s scroll progress precisely. 20 21 21 Zur Demo: <https://smartparallax.com/parallax-free-demo/> 22 SmartParallax works with Gutenberg, Elementor, Bricks, Divi, Oxygen, WPBakery and virtually every modern WordPress theme. 23 24 Alle Effekte: <https://smartparallax.com/alle-effekte/> 22 25 23 26 ### Highlights 27 * Scroll-linked animations (motion follows scroll position) 24 28 * Smooth, GPU-accelerated parallax motion 25 29 * Background parallax using `.parallax-image` 26 * Container parallax using `.parallax-container`30 * Container and section parallax using `.parallax-container` 27 31 * Horizontal motion using `.parallax-x` 28 32 * Stop-sensitive motion using the `-s` modifier … … 30 34 * Extremely lightweight, no dependencies 31 35 32 Full documentation: <https://smartparallax.com />36 Full documentation: <https://smartparallax.com> 33 37 34 38 == Available Classes == … … 36 40 | Class | Description | 37 41 |-------|-------------| 38 | `.parallax-image` | Creates a moving background layer|42 | `.parallax-image` | Creates a scroll-linked parallax background | 39 43 | `.parallax-container` | Moves an entire block or section | 40 | `.parallax-x` | Enables horizontal parallaxmotion |44 | `.parallax-x` | Enables horizontal scroll-linked motion | 41 45 | `.parallax-(--)` | Adjusts speed (e.g. `.parallax-05`, `.parallax--05`) | 42 46 | `.parallax-[…]-s` | Stop-sensitive motion (movement stops after center) | … … 44 48 == Screenshots == 45 49 46 1. Vertical Parallax Background Effect47 2. Horizontal Motion (parallax-x)48 3. All-Direction Parallax Effect49 4. Stop- Sensitive Motion (-s Modifier)50 1. Scroll-linked parallax background (vertical motion) 51 2. Horizontal scroll-linked motion (`parallax-x`) 52 3. Section and layout parallax 53 4. Stop-sensitive motion (`-s` modifier) 50 54 51 55 == Installation == … … 59 63 60 64 = Does SmartParallax use JavaScript? = 61 Yes. It uses a small, dependency-free engine with GPU-accelerated transforms. 65 Yes. It uses a small, dependency-free JavaScript engine with GPU-accelerated transforms. 66 67 = Is SmartParallax time-based or scroll-based? = 68 SmartParallax uses scroll-linked motion. All animations follow the scroll position directly. 62 69 63 70 = Is it compatible with page builders? = … … 69 76 == Changelog == 70 77 78 = 1.0.5 = 79 * Updated: Readme demo reference now links to the complete effects overview. 80 * Improved: Wording aligned with scroll-linked animation concept. 81 71 82 = 1.0.4 = 72 83 * Updated: Improved script initialization using `DOMContentLoaded` for better compatibility. 73 84 * Added: New screenshots for WordPress.org listing. 74 * Updated: Readme metadata and demo linkfor improved clarity.85 * Updated: Readme metadata for improved clarity. 75 86 76 87 = 1.0.3 = 77 88 * Updated: Confirmed compatibility with WordPress 6.9. 78 * Improved: Minor enhancements to admin menu handling.89 * Improved: Minor internal enhancements. 79 90 80 91 = 1.0.2 = 81 * Added: All unminified CSS/JS files included for WordPress.org compliance. 82 * Updated: Inline assets migrated to WP inline functions. 83 * Improved: Output buffering in admin pages. 92 * Added: All unminified CSS and JS files included for WordPress.org compliance. 93 * Improved: Internal asset handling. 84 94 85 95 = 1.0.1 = … … 88 98 89 99 = 1.0.0 = 90 * Initial release with GPU-optimized parallax effects.100 * Initial release. 91 101 92 102 == Upgrade Notice == 93 103 94 = 1.0. 4=95 Improved initialization and updated screenshots.104 = 1.0.5 = 105 Updated demo reference and readme wording. 96 106 97 107 == License == -
smartparallax/trunk/smartparallax.php
r3418765 r3431964 1 1 <?php 2 2 /** 3 * Plugin Name: SmartParallax – GPU Parallax Backgrounds & ScrollEffects3 * Plugin Name: SmartParallax – Scroll-Linked Animations & Parallax Effects 4 4 * Plugin URI: https://smartparallax.com/documentation/ 5 * Description: Lightweight GPU- optimized parallax animation system for WordPress blocks and containers.6 * Version: 1.0. 45 * Description: Lightweight GPU-accelerated scroll-linked animation system for parallax effects in WordPress. 6 * Version: 1.0.5 7 7 * Author: Achim Schmid 8 8 * Author URI: https://smartparallax.com/
Note: See TracChangeset
for help on using the changeset viewer.