CSS on MoeJueのブログ

I don’t know AE, but I can code

Sat, 23 Aug 2025 12:29:01 +0000

✨ Oyama まひろの小屋 ✨

🌸 Welcome to Oyama まひろの小屋 🌸

Wow! You discovered my secret base! (*≧ω≦)

This is Oyama Misaki’s personal website, full of cute animations and interesting content! I will share my favorite animations, comics, games and some small blessings in daily life here~

💕 About Me 💕

My name is Oyama Ouyuki, and I love you and I love you. I like anime, comics, light novels and all kinds of cute things! Favorite colors are pink and light blue!

My 2D photo album is back

Fri, 08 Nov 2024 09:52:39 +0000

From the earliest [Gallery] (https://moejue.cn/archives/10) , to [Picture Bed] (https://moejue.cn/archives/61) , to the current photo album. My persistence in pictures can be said to have spanned several centuries. The pictures in the gallery were stored in Qiniuyun, but later the traffic was blocked and closed. The Picture Bed is now providing image upload services for blogs. Photo album is the concept of a photo album in a mobile phone. It can store both pictures and videos. Gradually it is becoming more and more perfect.

On the difference between fast and slow Internet speeds

Sat, 07 Nov 2020 14:09:07 +0000

On the difference between fast and slow Internet speeds

With the popularity of the Internet, users pay more and more attention to the speed of response. The faster the website, the higher the user stickiness and conversion rate.
To put it simply, it means increasing the speed! There are many factors that affect website speed, such as………………….

Being serious is not my style, please watch my performance below Origin of the idea:

The initial idea was to use pure CSS to implement it. Base64-encode the base image and place it directly on the background-image, so that the background image can be loaded together with the web page.

Discuz forum personal space custom css style

Tue, 24 Mar 2020 13:23:51 +0000

A few days ago, nothing to do, and then went to look for a discuz forum vulnerability, and then really found, in passing, wrote a software, and then the water on the way a Here is the cause of the incident

This loophole on the website is not too much harm, only can only customize the css style of personal space, on the website data does not constitute a threat, but also rest assured.

CSS3 Random Background Image Switching Effect

Wed, 16 May 2018 11:58:08 +0000

css3 random background image fade switching effects demo effect as shown in the background of this article See you pick my fantasy field of secondary limited edition pick more tired, pick a half an hour, take the time to organize and send it out! design was originally intended to use jQuery to achieve, but noticed the css3 @keyframes rule, css3 has been so powerful that once only js can achieve the effect!

Simple css3 avatar rotation and 3D rotation effect

Mon, 10 Jul 2017 07:45:23 +0000

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; }

Draw iPhone with CSS3

Mon, 03 Jul 2017 06:09:01 +0000

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*/ }