bRando.js
A CSS background property randomizer capable of transitioning between images, colors, and
gradients. Written with vanilla JavaScript by
yak.
Documentation + Code:
https://github.com/isaacyakl/brandojs
Distributed under the
MIT License.
Code Examples
Background randomizers are created using the bRando.new() method and are attached to select HTML elements by passing a DOM selector string argument. Try it for yourself:
bRando.new('html') bRando.new('div.example') bRando.new('p.example')
Additionally, randomizers may be controlled individually and together. For example, the following methods control all randomizers present on a page:
bRando.nextAll() bRando.pauseAll() bRando.playAll() bRando.removeAll()
Demo Elements
p.example
Lorizzle ipsum dolizzle sizzle fo shizzle my nizzle, phat adipiscing elit. Fizzle sapien
velizzle, uhuh ... yih! volutpizzle, shizzlin dizzle crazy, fizzle vizzle, phat.
Pellentesque things shizzle my nizzle crocodizzle. Sed erizzle. Dope fo shizzle boofron
dapibizzle boofron tempizzle break it down. Maurizzle mah nizzle nibh black turpis.
Gangster crazy tortor. Pellentesque boofron rhoncizzle pot. In yippiyo bling bling platea
gangster. Rizzle dapibizzle. Curabitizzle tellizzle urna, pretizzle get down get down,
mattizzle ac, we gonna chung dope, nunc. Bizzle suscipit. Integizzle semper fizzle yo
mamma purus.
p.example
Yippiyo shut the shizzle up diam quizzle dawg pot mollis. Suspendisse break yo neck, yall.
Morbi odio. Stuff neque. Cras orci. Uhuh ... yih! mauris that's the shizzle, interdizzle
a, feugiat boofron amizzle, go to hizzle in, daahng dawg. Pellentesque gravida. You son of
a bizzle gangster mi, volutpizzle in, sagittis sizzle, da bomb semper, velizzle. Things
i'm in the shizzle ipsizzle. Aliquam volutpizzle fo shizzle vizzle phat. Crizzle quis
break yo neck, yall ma nizzle check it out sodalizzle ornare. Boom shackalack venenatizzle
justo izzle go to hizzle. Nunc urna. Break it down venenatizzle placerat lacizzle.
Curabitur fo shizzle ante. Nunc fizzle, leo eu mah nizzle hendrerizzle, ipsum felis mofo
sem, in aliquizzle magna felizzle shut the shizzle up for sure. Nizzle yo mamma nisl.
Class aptent taciti sociosqu ad litora torquent check out this conubia pot, pizzle
shizzlin dizzle bizzle. Aliquizzle sure, fo shizzle nizzle you son of a bizzle nonummy,
uhuh ... yih! orci da bomb stuff, in sempizzle risus arcu dang sem.
Lorizzle...