Randomized Secondary Image API 2nd

After a gap of 2 days and three months, it’s been a long time since the first randomized secondary image API was released. The second bullet api, out of the blue Update Notes: Compared to the last version, this time the images are more suitable for background images, desktop wallpapers, etc. The last version was a hodgepodge of images, all kinds of images, miserable (I don’t even use them myself). In this version, I spent some time to select some pictures (1080P+) and upload them to Sina Cloud. Support https in the real sense, the pictures are all hosted on Sina cloud, the speed is also improved. Remove all kinds of meaningful parameter settings The content of the images are all anime and secondary yuan images (all ages (laughs)) ...

March 4, 2018 · 1 min · MoeJue

HTML5 Canvas - Ball Collision

html5 is the fifth major revision of Hypertext Markup Language (HTML), an application under the Standard Generalized Markup Language, the core language of the World Wide Web. HTML 4.01 has changed a lot since 1999, and today, several of the elements that were deprecated in HTML 4.01 have been removed or redefined in HTML5. In order to better handle today’s Internet applications, HTML5 adds many new elements and features, such as: graphics drawing, multimedia content, better page structure, better form handling, and several api drag-and-drop elements, positioning, including web application caching, storage, web workers, and more. ...

July 18, 2017 · 2 min · MoeJue

Simple css3 avatar rotation and 3D rotation effect

You often see comment sections on some websites, where the commenter’s avatar will rotate 360° when the mouse passes over it. Let’s take a look at the effect first .tximg{ height:300px; border-radius:50%; border:2px solid green; /*Change rules*/ transition:all 2s; } .tximg:hover{ /* Change action defines 2d rotation, parameter fills in angle */ transform:rotate(360deg); } css part img{ height:300px; border-radius:50%; border:2px solid green; /*Change rules*/ transition:all 2s; } img:hover{ /* change action Define 2d rotation, fill in the angle as a parameter */ transform:rotate(360deg); } ...

July 10, 2017 · 2 min · MoeJue

Draw iPhone with CSS3

Let’s take a sneak peek at the renderings first. (This is definitely not a picture. Well~ why are these words so weird~) Don’t ask me how much my iPhone is, because I don’t know, I haven’t used it, so you know. css style part #phone{ width:250px; height:500px; background-color:#2E2E2E; border:10px solid #3B3B3B; margin:100px auto; border-radius:30px;/*Set the rounded border of the div element*/ } #camera{ width:8px; height:8px; background-color:#1A1A1A; border-radius:50%; border:2px solid #505050; margin:10px auto;/*10px from top margin, left and right center*/ } ...

July 3, 2017 · 2 min · MoeJue