Tag：css
-
General modification of the scroll bar style
/Define the scroll bar style (height, width and background)/ ::-webkit-scrollbar { width: 7px; /Scroll bar width, width: corresponds to the width of the vertical scroll bar height: corresponds to the height of the horizontal scroll bar/ background: #fff; box-shadow: 0;} /Defines the scrollbar track (groove) style/ ::-webkit-scrollbar-track { // -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); […]
-
Xiumi typesetting × ModStart, improving the efficiency of rich text typesetting
Xiumi is a WeChat official account graphic editor and H5 online production tool. It has a large number of template materials and layout styles, and powerful layout editing functions. It can quickly and easily create official account graphic and H5.ModStart is a modular development framework with an original modular architecture, which can integrate a large […]
-
Using CSS to Realize Various Noise Effects
Disclaimer: The graphics and model materials involved in this article are only for personal study, research and appreciation, please do not re-modify, illegally disseminate, reprint, publish, commercialize, or engage in other profit-making behaviors. background Adding noise textures to illustrations can create a natural atmosphere. Noise texture can be used to shape shadows, highlights, depth, and […]
-
ThingJS made a wonderful appearance at the International Internet of Things Exhibition IOTE 2021·Shenzhen Station!
In the Internet of Things (IoT) market, rising stars have emerged one after another.Such as 5G, visualization, smart sensors, cloud computing, artificial intelligence, new retail, etc.And behind each of these popular concepts, there are a group of outstanding companies working behind each of these huge industries.Regarding the market size forecast of the Internet of Things, […]
-
CSS—Refer to external fonts (2)—Optimization
After introducing fonts on the page, it will bring a performance problem. Usually font files are relatively large, almost 2 or 3M, sometimes 4 or 5M, because there are hundreds of Chinese characters in them. But the problem is, I probably only need to display seventeen or eight characters on my page. For these few […]
-
Application of advanced CSS skills in complex dynamic effects
Recently I saw this interesting animation on CodePen: The whole animation effect is in one tag, realized with the help of SVG PATH. At its core is thegradient(Gradient) ultimate utilization. You can see the full code here —CodePen DEMO — to the future 🍻 By Jane Ori] The source code is still very, very complicated, […]
-
Write an interesting elevator applet by hand
What will you learn from this example? CSS related css positioning CSS flexbox layout CSS animation Usage of CSS Variables js-related class encapsulation DOM operation and event operation Style and Class Operations Use of delay functions example effect Cut the nonsense, first look at the effect as shown in the figure: Analyze the composition of […]
-
Collection of CSS Skills | Thinking Technology Weekly
CSS is a computer language used to express file styles such as HTML or XML. I believe that everyone is familiar with it. Today, I will organize a collection of CSS tips for you, hoping to provide you with some new design ideas~ There are various ways to play with CSS, let’s take a look~ […]
-
[1024 Programmer’s Day] Why do some programmers get off work earlier than you?
What is 1024?game? 2 to the tenth power? A forum festival?October 24th is actually the day when programmers stand up and refuse to work overtime – Programmer’s Day (also known as Coder’s Day).So, please care for the endangered species of programmers around you!Why October 24th? Because 1024 is the tenth power of 2, the basic […]
-
The child box always fills the parent box minus the height of the navigation, using calc and flex methods
The child box always fills up the height of the parent box minus the navigation, using calc and flex methods.code: <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>The child box always fills the parent box minus the height of the navigation</title> <style> .test { width: 500px; height: 40vh; […]
-
20 popular home page layout styles, which one do you like?
Author: NiemvuilaptrinhTranslator: Frontend XiaozhiSource: Niemvuilaptrinh There is a new series:Vue2 and Vue3 tips booklet Search [Great Move to the World] on WeChat, and I will share with you the front-end industry trends, learning paths, etc. as soon as possible.This articleGitHubhttps://github.com/qq449245884/xiaozhiIt has been included, and there are complete test sites, materials and my series of articles […]
-
Double Eleven is coming, if you want to control the sales data, why not try the smart shopping mall visualization system?
The pre-sale of Double Eleven has already started. As a big carnival for online e-commerce, e-commerce platforms have launched various promotional activities one after another. From the “Singles’ Day” promotional activities that year to the present, “Double Eleven”, a shopping festival created by Ali, has set off a nationwide shopping boom.Which products are on sale, […]