Skip to content

Commit 4b92611

Browse files
yesiamrocksyesiamrocks
committed
release: v6.11.5 – license fix, badge updates, and attribution improvements
- Updated LICENSE file with official Apache 2.0 text for GitHub detection - Renamed LICENSE-summary.md to LICENSE-usage-guide.md to prevent conflicts - Refreshed project badges (AnimText, Triggle.js, Buy Me a Coffee) - Enhanced sponsor section with clearer CTAs - Minor copy improvements in README
1 parent 5b25bd2 commit 4b92611

18 files changed

+10830
-10783
lines changed

‎CHANGELOG.md‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,40 @@
1+
# [6.11.5] – 2025-08-6
2+
3+
### Added
4+
5+
- **New project badges**:
6+
7+
- [AnimText](https://github.com/yesiamrocks/animtext) (Text Animation – `f43f5e`, JavaScript logo)
8+
- [Triggle.js](https://github.com/yesiamrocks/triggle) (Trigger Engine – `FF6600`, JavaScript logo)
9+
- `Buy Me a Coffee` and `Membership` buttons with improved visual CTA and color
10+
11+
- Added a clear **license usage guide** (`ABOUT-LICENSE.md`) outlining:
12+
- What’s allowed
13+
- What’s restricted
14+
- Attribution requirements
15+
- How to seek help or clarification
16+
17+
### Changed
18+
19+
- Updated badge designs in the README:
20+
- Replaced outdated badge styles for **AnimText** and **Triggle** with updated colors/icons
21+
- Unified CTA badges for sponsorship and support (Buy Me a Coffee)
22+
- Minor wording improvements in README:
23+
- Streamlined project description and contribution section
24+
- Improved clarity of animation tool references and sponsorship links
25+
26+
### Fixed
27+
28+
- **Resolved GitHub license detection issue**:
29+
- Replaced the existing `LICENSE` file with the official [Apache License, Version 2.0](https://www.apache.org/licenses/LICENSE-2.0.txt)
30+
- Renamed `LICENSE-summary.md` ➜ `ABOUT-LICENSE.md` to avoid confusion
31+
- GitHub now properly detects the license and displays the full summary (Permissions, Conditions, Limitations)
32+
33+
Thanks for supporting **{css}animation**
34+
35+
[Subscribe to Pixels & Projects with Pavel](https://www.linkedin.com/newsletters/pixels-projects-with-pavel-7093275757006782464/)
36+
[Sponsor development on Buy Me a Coffee](https://www.buymeacoffee.com/yesiamrocks)
37+
138
# [6.11.4] – 2025-07-31
239

340
### Documentation Improvements

‎dist/animations/ca__animations-index.css‎

Lines changed: 66 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -183,6 +183,28 @@
183183
@import url('./ca__mask-wipeOutBottom.css');
184184
@import url('./ca__mask-shutterLinesIn.css');
185185
@import url('./ca__mask-stripesWideIn.css');
186+
@import url('./ca__maskHorizontalBarsIn.css');
187+
@import url('./ca__maskStripesIn.css');
188+
@import url('./ca__maskZigzagRevealIn.css');
189+
@import url('./ca__maskCheckerboardIn.css');
190+
@import url('./ca__maskDiamondIn.css');
191+
@import url('./ca__maskLinesSlideIn.css');
192+
@import url('./ca__maskRainRevealIn.css');
193+
@import url('./ca__maskStripesThinIn.css');
194+
@import url('./ca__maskStripesThinOut.css');
195+
@import url('./ca__maskThreadLinesIn.css');
196+
@import url('./ca__maskStairStepIn.css');
197+
@import url('./ca__maskStripesHorizontalReverseOut.css');
198+
@import url('./ca__maskStripesVerticalIn.css');
199+
@import url('./ca__maskStripesVerticalOut.css');
200+
@import url('./ca__maskStripesHorizontalReverseIn.css');
201+
@import url('./ca__maskStripesDiagonalLeftIn.css');
202+
@import url('./ca__maskStripesDiagonalUpIn.css');
203+
@import url('./ca__maskStripesJitterIn.css');
204+
@import url('./ca__maskStripesDiagonalLeftOut.css');
205+
@import url('./ca__maskStripesDiagonalUpOut.css');
206+
@import url('./ca__maskStripesWideOut.css');
207+
@import url('./ca__maskStripesJitterOut.css');
186208
@import url('./ca__moonEclipseIn.css');
187209
@import url('./ca__moonEclipseOut.css');
188210
@import url('./ca__moonSlideInCrescent.css');
@@ -241,6 +263,15 @@
241263
@import url('./ca__pushReleaseToRight.css');
242264
@import url('./ca__pushReleaseToTop.css');
243265
@import url('./ca__pushReleaseToBottom.css');
266+
@import url('./ca__jiggle.css');
267+
@import url('./ca__quiver.css');
268+
@import url('./ca__tremor.css');
269+
@import url('./ca__rumble.css');
270+
@import url('./ca__wiggle.css');
271+
@import url('./ca__rattle.css');
272+
@import url('./ca__buzz.css');
273+
@import url('./ca__jitter.css');
274+
@import url('./ca__electricity.css');
244275
@import url('./ca__rollFromLeft.css');
245276
@import url('./ca__rollFromRight.css');
246277
@import url('./ca__rollFromTop.css');
@@ -339,6 +370,35 @@
339370
@import url('./ca__trackCollapse.css');
340371
@import url('./ca__gradientText.css');
341372
@import url('./ca__rainbowText.css');
373+
@import url('./ca__blurTrailIn.css');
374+
@import url('./ca__blurTrailOut.css');
375+
@import url('./ca__layerPeelIn.css');
376+
@import url('./ca__layerPeelOut.css');
377+
@import url('./ca__squishPop.css');
378+
@import url('./ca__gravityPullIn.css');
379+
@import url('./ca__slinkyStretch.css');
380+
@import url('./ca__wobbleEntry.css');
381+
@import url('./ca__peelDropIn.css');
382+
@import url('./ca__vibeInPop.css');
383+
@import url('./ca__flickerPop.css');
384+
@import url('./ca__inertiaSlideIn.css');
385+
@import url('./ca__dropSpinIn.css');
386+
@import url('./ca__breezeLift.css');
387+
@import url('./ca__featherFloat.css');
388+
@import url('./ca__powerUpPop.css');
389+
@import url('./ca__levelUnlock.css');
390+
@import url('./ca__softPulseIdle.css');
391+
@import url('./ca__shimmerWaveIdle.css');
392+
@import url('./ca__gearSnapIn.css');
393+
@import url('./ca__joyBounceIn.css');
394+
@import url('./ca__blushSlideIn.css');
395+
@import url('./ca__stampSmash.css');
396+
@import url('./ca__comboLevelRise.css');
397+
@import url('./ca__wiggleReactive.css');
398+
@import url('./ca__pulseGlow.css');
399+
@import url('./ca__cosmicReveal.css');
400+
@import url('./ca__scribbleGlowIn.css');
401+
@import url('./ca__panelUnfold.css');
342402
@import url('./ca__zoomIn.css');
343403
@import url('./ca__bounceZoomIn.css');
344404
@import url('./ca__zoomInLeft.css');
@@ -389,37 +449,6 @@
389449
@import url('./ca__rubberExpand.css');
390450
@import url('./ca__rubberShrink.css');
391451
@import url('./ca__matrixWave.css');
392-
@import url('./ca__maskHorizontalBarsIn.css');
393-
@import url('./ca__maskStripesIn.css');
394-
@import url('./ca__maskZigzagRevealIn.css');
395-
@import url('./ca__maskCheckerboardIn.css');
396-
@import url('./ca__maskDiamondIn.css');
397-
@import url('./ca__maskLinesSlideIn.css');
398-
@import url('./ca__maskRainRevealIn.css');
399-
@import url('./ca__maskStripesThinIn.css');
400-
@import url('./ca__maskStripesThinOut.css');
401-
@import url('./ca__maskThreadLinesIn.css');
402-
@import url('./ca__maskStairStepIn.css');
403-
@import url('./ca__maskStripesHorizontalReverseOut.css');
404-
@import url('./ca__maskStripesVerticalIn.css');
405-
@import url('./ca__maskStripesVerticalOut.css');
406-
@import url('./ca__maskStripesHorizontalReverseIn.css');
407-
@import url('./ca__maskStripesDiagonalLeftIn.css');
408-
@import url('./ca__maskStripesDiagonalUpIn.css');
409-
@import url('./ca__maskStripesJitterIn.css');
410-
@import url('./ca__maskStripesDiagonalLeftOut.css');
411-
@import url('./ca__maskStripesDiagonalUpOut.css');
412-
@import url('./ca__maskStripesWideOut.css');
413-
@import url('./ca__maskStripesJitterOut.css');
414-
@import url('./ca__jiggle.css');
415-
@import url('./ca__quiver.css');
416-
@import url('./ca__tremor.css');
417-
@import url('./ca__rumble.css');
418-
@import url('./ca__wiggle.css');
419-
@import url('./ca__rattle.css');
420-
@import url('./ca__buzz.css');
421-
@import url('./ca__jitter.css');
422-
@import url('./ca__electricity.css');
423452
@import url('./ca__stepTypeIn.css');
424453
@import url('./ca__stepSlideInX.css');
425454
@import url('./ca__stepSlideOutX.css');
@@ -438,35 +467,6 @@
438467
@import url('./ca__stepScalePopOut.css');
439468
@import url('./ca__stepBlurReveal.css');
440469
@import url('./ca__stepBlurOut.css');
441-
@import url('./ca__blurTrailIn.css');
442-
@import url('./ca__blurTrailOut.css');
443-
@import url('./ca__layerPeelIn.css');
444-
@import url('./ca__layerPeelOut.css');
445-
@import url('./ca__squishPop.css');
446-
@import url('./ca__gravityPullIn.css');
447-
@import url('./ca__slinkyStretch.css');
448-
@import url('./ca__wobbleEntry.css');
449-
@import url('./ca__peelDropIn.css');
450-
@import url('./ca__vibeInPop.css');
451-
@import url('./ca__flickerPop.css');
452-
@import url('./ca__inertiaSlideIn.css');
453-
@import url('./ca__dropSpinIn.css');
454-
@import url('./ca__breezeLift.css');
455-
@import url('./ca__featherFloat.css');
456-
@import url('./ca__powerUpPop.css');
457-
@import url('./ca__levelUnlock.css');
458-
@import url('./ca__softPulseIdle.css');
459-
@import url('./ca__shimmerWaveIdle.css');
460-
@import url('./ca__gearSnapIn.css');
461-
@import url('./ca__joyBounceIn.css');
462-
@import url('./ca__blushSlideIn.css');
463-
@import url('./ca__stampSmash.css');
464-
@import url('./ca__comboLevelRise.css');
465-
@import url('./ca__wiggleReactive.css');
466-
@import url('./ca__pulseGlow.css');
467-
@import url('./ca__cosmicReveal.css');
468-
@import url('./ca__scribbleGlowIn.css');
469-
@import url('./ca__panelUnfold.css');
470470
@import url('./ca__orbitRevealLeft.css');
471471
@import url('./ca__orbitExitLeft.css');
472472
@import url('./ca__orbitRevealRight.css');
@@ -511,12 +511,6 @@
511511
@import url('./ca__wave-morph.css');
512512
@import url('./ca__initiateSequence.css');
513513
@import url('./ca__glintSweep.css');
514-
@import url('./ca__flickerIn.css');
515-
@import url('./ca__scanlineReveal.css');
516-
@import url('./ca__digitalReveal.css');
517-
@import url('./ca__flicker.css');
518-
@import url('./ca__springy.css');
519-
@import url('./ca__rainbow.css');
520514
@import url('./ca__mask-horizontalBarsIn.css');
521515
@import url('./ca__mask-stripesIn.css');
522516
@import url('./ca__mask-zigzagRevealIn.css');
@@ -539,3 +533,9 @@
539533
@import url('./ca__mask-stripesDiagonalUpOut.css');
540534
@import url('./ca__mask-stripesWideOut.css');
541535
@import url('./ca__mask-stripesJitterOut.css');
536+
@import url('./ca__flickerIn.css');
537+
@import url('./ca__scanlineReveal.css');
538+
@import url('./ca__digitalReveal.css');
539+
@import url('./ca__flicker.css');
540+
@import url('./ca__springy.css');
541+
@import url('./ca__rainbow.css');

‎dist/animations/ca__electricity.css‎

Lines changed: 4 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -94,12 +94,9 @@
9494
}
9595
}
9696
/**
97-
* Module: Step Animation
98-
* Filename: ca__step.css
97+
* Module: Roll From
98+
* Filename: ca__RollFrom.css
9999
*/
100-
.ca__fx-stepTypeIn {
101-
animation: stepTypeIn 1.2s steps(10, end) forwards;
102-
white-space: nowrap;
103-
overflow: hidden;
104-
will-change: opacity, transform;
100+
.ca__fx-rollFromLeft {
101+
animation-name: rollFromLeft;
105102
}

‎dist/animations/ca__mask-stripesJitterOut.css‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -49,9 +49,11 @@
4949
}
5050
}
5151
/**
52-
* Module: Quake & Quiver Series
53-
* Filename: ca__quake.css
52+
* Module: Moon
53+
* Filename: ca__Moon.css
5454
*/
55-
.ca__fx-jiggle {
56-
animation: jiggle var(--jiggle-duration, 0.8s) ease-in-out both;
55+
.ca__fx-moonEclipseIn {
56+
animation: moonEclipseIn 1.6s ease-out both;
57+
transform-origin: center;
58+
will-change: transform, opacity;
5759
}

‎dist/animations/ca__mask-stripesWideIn.css‎

Lines changed: 12 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -61,11 +61,17 @@
6161
}
6262
}
6363
/**
64-
* Module: Moon
65-
* Filename: ca__Moon.css
64+
* Module: Stripe Masking Animation
65+
* Filename: ca__maskingStripe.css
6666
*/
67-
.ca__fx-moonEclipseIn {
68-
animation: moonEclipseIn 1.6s ease-out both;
69-
transform-origin: center;
70-
will-change: transform, opacity;
67+
.ca__fx-maskHorizontalBarsIn {
68+
animation-name: mask-horizontalBarsIn;
69+
-webkit-mask-image: repeating-linear-gradient(to bottom, transparent 0,transparent 10%, black 10%, black 20%);
70+
mask-image: repeating-linear-gradient(to bottom, transparent 0,transparent 10%, black 10%, black 20%);
71+
-webkit-mask-image: repeating-linear-gradient(to bottom, transparent 0 10%, black 10% 20%);
72+
mask-image: repeating-linear-gradient(to bottom, transparent 0 10%, black 10% 20%);
73+
-webkit-mask-size: 100% 200%;
74+
mask-size: 100% 200%;
75+
-webkit-mask-repeat: no-repeat;
76+
mask-repeat: no-repeat;
7177
}

‎dist/animations/ca__matrixWave.css‎

Lines changed: 7 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -66,17 +66,12 @@
6666
}
6767
}
6868
/**
69-
* Module: Stripe Masking Animation
70-
* Filename: ca__maskingStripe.css
69+
* Module: Step Animation
70+
* Filename: ca__step.css
7171
*/
72-
.ca__fx-maskHorizontalBarsIn {
73-
animation-name: mask-horizontalBarsIn;
74-
-webkit-mask-image: repeating-linear-gradient(to bottom, transparent 0,transparent 10%, black 10%, black 20%);
75-
mask-image: repeating-linear-gradient(to bottom, transparent 0,transparent 10%, black 10%, black 20%);
76-
-webkit-mask-image: repeating-linear-gradient(to bottom, transparent 0 10%, black 10% 20%);
77-
mask-image: repeating-linear-gradient(to bottom, transparent 0 10%, black 10% 20%);
78-
-webkit-mask-size: 100% 200%;
79-
mask-size: 100% 200%;
80-
-webkit-mask-repeat: no-repeat;
81-
mask-repeat: no-repeat;
72+
.ca__fx-stepTypeIn {
73+
animation: stepTypeIn 1.2s steps(10, end) forwards;
74+
white-space: nowrap;
75+
overflow: hidden;
76+
will-change: opacity, transform;
8277
}

‎dist/animations/ca__panelUnfold.css‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -60,11 +60,9 @@
6060
}
6161
}
6262
/**
63-
* Module: Orbit Reveal Animations
64-
* Filename: cs__orbitReveal.css
63+
* Module: Zoom In
64+
* Filename: ca__ZoomIn.css
6565
*/
66-
.ca__fx-orbitRevealLeft {
67-
animation: orbitRevealLeft 1.2s ease-out forwards;
68-
transform-style: preserve-3d;
69-
perspective: 1000px;
66+
.ca__fx-zoomIn {
67+
animation-name: zoomIn;
7068
}

‎dist/animations/ca__pushReleaseToBottom.css‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -52,9 +52,9 @@
5252
}
5353
}
5454
/**
55-
* Module: Roll From
56-
* Filename: ca__RollFrom.css
55+
* Module: Quake & Quiver Series
56+
* Filename: ca__quake.css
5757
*/
58-
.ca__fx-rollFromLeft {
59-
animation-name: rollFromLeft;
58+
.ca__fx-jiggle {
59+
animation: jiggle var(--jiggle-duration, 0.8s) ease-in-out both;
6060
}

‎dist/animations/ca__rainbow.css‎

Lines changed: 18 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -62,10 +62,24 @@
6262
color: violet;
6363
}
6464
}
65+
:root {
66+
--cssanimation-duration: 1s;
67+
--cssanimation-fill-mode: both;
68+
--cssanimation-infinite: infinite;
69+
--cssanimation-backface-visibility: hidden;
70+
--cssanimation-transform-style: preserve-3d;
71+
--cssanimation-will-change: transform, opacity;
72+
--cssanimation-display: inline-block;
73+
--move-distance: -800px;
74+
}
6575
/**
66-
* Module: Zoom In
67-
* Filename: ca__ZoomIn.css
76+
* Module: WOW
77+
* Filename: ca__wow.css
6878
*/
69-
.ca__fx-zoomIn {
70-
animation-name: zoomIn;
79+
.ca__fx-blurTrailIn {
80+
animation-name: blurTrailIn;
81+
animation-timing-function: ease-out;
82+
transform-origin: center;
83+
will-change: transform, opacity;
84+
filter: blur(8px);
7185
}

‎dist/animations/ca__stepBlurOut.css‎

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -49,13 +49,11 @@
4949
}
5050
}
5151
/**
52-
* Module: WOW
53-
* Filename: ca__wow.css
52+
* Module: Orbit Reveal Animations
53+
* Filename: cs__orbitReveal.css
5454
*/
55-
.ca__fx-blurTrailIn {
56-
animation-name: blurTrailIn;
57-
animation-timing-function: ease-out;
58-
transform-origin: center;
59-
will-change: transform, opacity;
60-
filter: blur(8px);
55+
.ca__fx-orbitRevealLeft {
56+
animation: orbitRevealLeft 1.2s ease-out forwards;
57+
transform-style: preserve-3d;
58+
perspective: 1000px;
6159
}

0 commit comments

Comments
 (0)