{"id":25424419,"url":"https://github.com/dmstr/yii2-parallax","last_synced_at":"2026-03-15T08:10:48.995Z","repository":{"id":56970307,"uuid":"146595014","full_name":"dmstr/yii2-parallax","owner":"dmstr","description":null,"archived":false,"fork":false,"pushed_at":"2018-09-04T07:43:38.000Z","size":17,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":7,"default_branch":"master","last_synced_at":"2024-08-09T21:14:49.495Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dmstr.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-08-29T12:14:51.000Z","updated_at":"2020-10-04T14:42:11.000Z","dependencies_parsed_at":"2022-08-21T06:40:23.825Z","dependency_job_id":null,"html_url":"https://github.com/dmstr/yii2-parallax","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dmstr%2Fyii2-parallax","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dmstr%2Fyii2-parallax/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dmstr%2Fyii2-parallax/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dmstr%2Fyii2-parallax/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dmstr","download_url":"https://codeload.github.com/dmstr/yii2-parallax/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239207403,"owners_count":19599966,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-02-16T23:16:08.896Z","updated_at":"2025-10-31T15:30:23.753Z","avatar_url":"https://github.com/dmstr.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"Yii2 Parallax\n===================\nAn extention to create AWESOME parallax effects.\n\nInstallation\n------------\n\nThe preferred way to install this extension is through [composer](http://getcomposer.org/download/).\n\nEither run\n\n```\ncomposer require --prefer-dist dmstr/yii2-parallax \"*\"\n```\n\nor add\n\n```\n\"dmstr/yii2-parallax\": \"*\"\n```\n\nto the require section of your `composer.json` file.\n\n\nUsage\n-----\n\n1. Register desired asset bundle in view\n2. Set the x and y  to define direction and velocity. An extra optional parameter\n(startCondition) tells the element when it should start moving. use \"asap\" to move the element\nas soon as the scroll event fires. Use \"visible\" (default value) for those elements\nthat should move as soon they become visible in the viewport.\n3. Scroll to see the AWESOME effect.\n\n[data-parallax=\"{x}, {y}, {when}\"]\n\nExample with 3 parallax elements\n\n```html\n\u003cdiv data-parallax=\"0.2, -0.2, asap\"\u003e\u003c/div\u003e\n\u003cdiv data-parallax=\"0.2, -0.2, visible\"\u003e\u003c/div\u003e\n\u003cdiv data-parallax=\"0.2, -0.2\"\u003e\u003c/div\u003e\n```\n\n* TIP: try it with css transitions on transform to create nicer effect.\n* TIP: to make realistic parallax effects, closer (alsor bigger) elements should\nmove faster than elements tha are farther (also smaller).\n\nExample widget usage\n\n```php\n\u003c?php Parallax::begin(['x' =\u003e 0.1, 'y' =\u003e -0.2, , 'startCondition' =\u003e 'visible']); ?\u003e\n\u003c?= '... some content' ?\u003e\n\u003c?php Parallax::end(); ?\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdmstr%2Fyii2-parallax","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdmstr%2Fyii2-parallax","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdmstr%2Fyii2-parallax/lists"}