Note: Currently, the more popular front-end frameworks are Bootstrap and Foundation. Both have commonly used web design components and are compatible with mobile devices. They are deeply loved by the public. But if you think the components of these two frameworks are still not enough, you can try the Toolkit shared today. It has more built-in UI components, which are more powerful, practical and popular. The Tookit framework features a flat design and many fresh UI components. Combined with CSS3 animation, it makes many component interactions beautiful and powerful. Here are some screenshots: Tookit Highlight text prompt Tooltips Prompt information component (Figure: lower left corner) There is an animation effect, called Toast in English. You can go to the official website to watch the actual DEMO. Navigation and positioning As shown in the figure below, when the page views the E area, the E in the right navigation will be highlighted, like the contact effect on a certain mobile phone. Step Start button accordion Image display Process progress bar Sliding sidebar effect (Off Canvas) Flow Layout Image lazy loading technology Well, there are too many to list. Please click the link below to go to the official website to see the actual effect:) In general, I think the interfaces of Bootstrap and Foundation are better looking, but because they are flat designs, modifications are also very simple. |
<<: Use CSS3 to implement button hover flash dynamic special effects code
>>: Service management of source package installation under Linux
Demand Background Recently, I plan to use Vue and...
Find two test machines: [root@docker1 centos_zabb...
This article shares the specific code of JS to im...
Docker queries or obtains images in a private reg...
View system help help contents mysql> help con...
Table of contents Preface🌟 1. API Introduction 2....
Written in front Recently, a reader told me that ...
Today I looked at some things related to data bac...
1. Overview There are three ways to create a Dock...
Preface When we deploy applications to servers as...
motivation Due to learning needs, I purchased a v...
<br />When the page contains <img src=&qu...
Copy code The code is as follows: <html> &l...
Eating well and getting enough rest sounds simple...
Table of contents 1. Modify the my.cnf file of se...