Commit 61d1de4

committed

feat: add explanation to 'Custom Rotation' and tip to 'Maintain Space'

1 parent ee2870f commit 61d1de4Copy full SHA for 61d1de4

File tree

+18

-1

lines changed

+18

-1

lines changed

Lines changed: 18 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -223,6 +223,16 @@ jsCssAnimations.init.fade({`
`223`	`223`	`highlight: [4],`
`224`	`224`	`}">`
`225`	`225`
	`226`	`+<div class="align-center">`
	`227`	`+`
	`228`	`+::: tip`
	`229`	`+Setting '_maintainSpace: true_' will automatically set '_dimensionsTransition_' to false.`
	`230`	`+`
	`231`	`+It's important to note that, when '_dimensionsTransition_' is set to true, it can have an impact on the performance of the page, as it will trigger browser's Paint and Layout steps which can be costly.`
	`232`	`+:::`
	`233`	`+`
	`234`	`+</div>`
	`235`	`+`
`226`	`236`	```html{1}
`227`	`237`	`<button class="js-anim--trigger" target-selector=".fade__example">`
`228`	`238`	`Fade Out`
@@ -341,12 +351,19 @@ code: `jsCssAnimations.init.rotate({
`341`	`351`	`<div class="example__custom-rotate rotation-area">`
`342`	`352`	`<p class="rotation-area--text">↑</p>`
`343`	`353`	`</div>`
	`354`	`+`
	`355`	`+### Choose any angle of rotation`
	`356`	`+`
	`357`	`+If you want to rotate by a specific angle, use the _rotate()_ method passing the '_angle_' option.`
	`358`	`+`
	`359`	`+The angle can either be passed as a number representing the amount in degrees, or as a string in the format '\<angle\>deg'`
	`360`	`+`
`344`	`361`	`</div>`
`345`	`362`
`346`	`363`	`</Example>`
`347`	`364`
`348`	`365`	`<style scoped>`
`349`		`-.rotation-example--wrapper {`
	`366`	`+.rotation-example--wrapper, .align-center {`
`350`	`367`	`text-align: center;`
`351`	`368`	`}`
`352`	`369`

Comments

(0)