bellord/kit
1
0
Fork 0
mirror of https://bitbucket.org/bellord13/kit.git synced 2026-11-13 19:06:11 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
bellord
2023-04-20 12:42:20 +03:00
parent 45bbc09077
commit 20eb79d955
5 changed files with 201 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/makeCSSAnimationsTest.php
+92
View File
@@ -0,0 +1,92 @@
<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/modules/main/include/prolog_before.php");?>
<?
if(\Bitrix\Main\Loader::includeModule('wt.core')) {
app()->service()->assets()->setPlugins([
'kit:config',
'kit:flex-kit',
'kit:core',
'kit:bsCore',
'kit:collapse',
'kit:site',
'kit:toolkit',
'kit:theme',
])->render();
}
$APPLICATION->ShowHead();
?>
<script>
kit.ready(['makeCSSAnimations', 'animations'], __handler = function () {
kit.makeCSSAnimations({
container: kit.jQuery('.test-object'),
animationClass: kit.animations.scaleOut,
stateClass: 'active',
direction: "fwd",
before: function () {
//pre('makeCSSAnimations fwd before', (new Date).toString());
},
after: function () {
//pre('makeCSSAnimations fwd after', (new Date).toString());
kit.makeCSSAnimations({
container: kit.jQuery('.test-object'),
animationClass: kit.animations.scaleIn,
stateClass: 'active',
direction: "back",
before: function () {
//pre('makeCSSAnimations back before', (new Date).toString());
},
after: function () {
//pre('makeCSSAnimations back after', (new Date).toString());
__handler();
},
});
},
});
});
kit.ready(['makeCSSAnimations', 'animations'], __handler2 = function () {
kit.makeCSSAnimations({
container: kit.jQuery('.test-object2'),
animationClass: kit.animations.scaleIn,
stateClass: 'active',
direction: "fwd",
before: function () {
//pre('makeCSSAnimations fwd before', (new Date).toString());
},
after: function () {
//pre('makeCSSAnimations fwd after', (new Date).toString());
kit.makeCSSAnimations({
container: kit.jQuery('.test-object2'),
animationClass: kit.animations.scaleOut,
stateClass: 'active',
direction: "back",
before: function () {
//pre('makeCSSAnimations back before', (new Date).toString());
},
after: function () {
//pre('makeCSSAnimations back after', (new Date).toString());
__handler2();
},
});
},
});
});
</script>
<div class="kit-wrapper">
<div class="test-wrapper" style="padding: 100px;--animation-duration:3s;">
<div class="test-ob test-object" style="background-color: green; width: 50px; height: 50px;border-radius: 50%;"></div>
<div class="test-ob test-object2 active" style="background-color: green; width: 50px; height: 50px;border-radius: 50%;"></div>
</div>
<style>
.test-ob {
visibility: hidden;
}
.test-ob.active {
visibility: visible;
}
</style>
</div>
<?
?>