

ZIM Fist Bumps! For the CodePen BUMP Challenge
source link: https://codepen.io/zimjs/pen/YzeyWRx
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

JS (Babel)
xxxxxxxxxx
import zim from "https://zimjs.org/cdn/00/zim";
// see https://zimjs.com
// and https://zimjs.com/learn
// and https://zimjs.com/docs
const frame = new Frame(FIT, 1024, 768, darker, dark);
frame.on("ready", () => {
const stage = frame.stage;
const stageW = frame.width;
const stageH = frame.height;
// put your code here
const holder = new Container(stageW, stageH)
.centerReg() // so animation rotates around the center
.animate({
wait:1,
props:{rotation:360*3},
rewind:true,
rewindWait:1,
ease:"backInOut",
Recommend
-
5
zetavm/ex_image.zim at master · zetavm/zetavm · GitHub 100 lines (90 sloc) 2.59 KB #zeta-image ###############################################...
-
8
Card style experiment (Codepen Challenge) 0 unsaved changes xxxxxxxxxx<div class="main"> <ul class="cards">
-
11
Codepen Challengexxxxxxxxxx<div class="poster"> <div class="lens-flare"></div> <div class="stripes">...
-
12
Book Text Codepen Challenge 0 unsaved changes xxxxxxxxxx<main> <header> <h1>Mrs. Dalloway</h...
-
5
Codepen Challenge 0 unsaved changes xxxxxxxxxx<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
-
12
JS (Babel) xxxxxxxxxxconst frame = new Frame("fit", 1024, 768, dark, darker);frame.on("ready", ()=>{ // ES6 Arrow Function - similar to function(...
-
9
Pen Settings HTML Preprocessor Add Class(es) to <html> Stuff for <head>
-
11
CodePen Challenge 0 unsaved changes xxxxxxxxxx<main> <h1>To do</h1> <h2>April...
-
10
Home ...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK