Found a total of 10000 related content
Cool CodePen Demos (October 4)
Article Introduction:Lightweight Water Distortion Effect
Ksenia Kondrashova created a demo with a beautiful shader with a water effect. It looks realistic, like water moving in a swimming pool. It feels calming and hypnotic.
3D parallax effect on h
2024-11-05
comment 0
418
How Can I Reorder Columns in Bootstrap 4 and 5?
Article Introduction:Reorganizing Columns with Bootstrap 4In Bootstrap 4, it's possible to reorder columns using various methods, depending on the desired effect and...
2024-12-19
comment 0
1141
How to Chinese-made bootstrap
Article Introduction:How to Chinese-Chinese Bootstrap? The steps to Chinese-Chinese Bootstrap are as follows: Download the Chinese-Chinese package and unzip the Chinese-Chinese package and copy the Chinese-Chinese file to modify the Bootstrap configuration and compilation Bootstrap to check the Chinese-Chinese effect
2025-04-07
comment 0
1006
Where to view Bootstrap results
Article Introduction:The results of Bootstrap are reflected in the display effect of the web pages built using it in the browser. Viewing the results can directly open the built web pages. The following FAQs need to be noted: Version incompatibility, CSS conflicts, JavaScript errors, and incorrect introduction of Bootstrap.
2025-04-07
comment 0
1202
15 Premium jQuery Designing Tools
Article Introduction:jQuery4u.com: Featured jQuery plug-ins and design tools! The following are some practical, beautiful and efficient design tools. Some of them have been tested by me and are powerful. Come and try it!
jQuery "Extraordinary" navigation
Cleverly imitate the Dock and Stack effects of OS X.
View the demo source code
jQuery keyword highlighting
Use this jQuery plugin to highlight important keywords easily.
View the demo source code
IE text shadow effect
With this jQuery plugin, IE browser can also easily achieve text shadowing effects.
View the demo source code
Cool jQuery menu
use
2025-03-09
comment 0
676
jQuery Keep Element in View When Scrolling
Article Introduction:This jQuery code snippet keeps an element in view as the page scrolls. A demo shows this effect on a right sidebar ad. The code is presented both as a standalone script and as a reusable jQuery plugin. Finally, a FAQ section addresses common jQuer
2025-02-27
comment 0
893
Can you use clearfix for Bootstrap pictures centered?
Article Introduction:Use Bootstrap to center the image without clearfix. Bootstrap provides a variety of methods to align pictures. The most common method is to use the mx-auto class name, which uses the margin attribute of CSS to automatically set the margin in the horizontal direction to auto to achieve the centering effect. In addition, the img-fluid class can adapt the image width to the parent element width, ensuring that the image can also maintain the best display effect under different screen sizes.
2025-04-07
comment 0
502
Gumby2 Backbone Bootstrap
Article Introduction:This repo, "Gumby2 Backbone Bootstrap," merges the Gumby2 CSS framework with Backbone.js, providing a helpful starting point for developers. A basic demo showcases its functionality. Remember to use Compass (included with Gumby2) for CSS3
2025-02-23
comment 0
354
Customizing Bootstrap jQuery Plugins
Article Introduction:Bootstrap offers a wealth of pre-built jQuery plugins, easily integrated via data attributes, eliminating the need for manual JavaScript coding. However, tailoring these plugins to specific project needs often requires customization. This guide demo
2025-02-15
comment 0
1046
How to debug Bootstrap pictures centered
Article Introduction:Bootstrap Picture centered: Use Flexbox: d-flex to enable layout justify-content-center Horizontal centered align-items-center Vertical centered set container height to ensure vertical centering takes effect Use Grid: d-grid Turn on layout grid-template-columns-1 Single column layout justify-items-center Horizontal centered align-items-center Vertical centered set container height to ensure vertical centering takes effect
2025-04-07
comment 0
290
How to view Bootstrap's responsive design
Article Introduction:Bootstrap responsive design automatically adjusts the display effect of pages on different screen sizes through CSS media query. It predefined a series of breakpoints under different screen sizes, and dynamically applied different styles according to the screen width to achieve page adaptation.
2025-04-07
comment 0
607
8 Cool jQuery Animation Effects Tutorials
Article Introduction:jQuery animation effect tutorial: Say goodbye to Flash animation and embrace the era of jQuery animation!
In the past, animation effects on websites usually rely on Flash. But now, with jQuery, you can easily create various animation effects. The following are some jQuery animation effects tutorials to help you start your journey of painting! Related readings:
10 CSS3 and jQuery loading animation solutions
3D JavaScript animation—three.js
JQuery animation feed display imitating Foursquare
This tutorial will show you how to easily create an RSS scrolling subtitle effect using jQuery.
Source Code Demo
jQue
2025-02-26
comment 0
467
How to view custom styles of Bootstrap
Article Introduction:How to view Bootstrap custom styles? View CSS generated in Developer Tools: Provides a way to view compiled styles, but are not complete. Understand CSS priority: Custom styles take effect by overwriting or modifying Bootstrap's default styles, and use more specific CSS selectors with higher priority. Use LESS or Sass: You can directly modify the source code of Bootstrap, but you need to follow the rules and operate with caution. Check CSS loading order: Make sure the custom style file is loaded after the Bootstrap style file.
2025-04-07
comment 0
308
javascript - Display server processing progress in the front desk, similar to delivery effect
Article Introduction:I want to know how to achieve a similar delivery effect, that is, one-stop delivery, and the front desk shows that the first order, the second order, and the third order have been shipped. . . Whether ajax is used or not, how do you know where the server is processing it? It would be best if you could post a simple demo. Thank you.
2016-07-06
comment 0
981
uniapp Getting Started Practical Export the front-end page to pdf
Article Introduction:background
The product requires that the company's mini-programs and websites need to export product details into pdf, so today I'm thinking about how to export the front-end page into pdf.
Realize the effect
Web site
Reminder: Please modify the following code image address yourself.
demo: Overall it is very simple, just use html2canvas to convert dom into pictures, then add pictures to jsPDF, and then save it.
2024-11-09
comment 0
934
How to right-align the bootstrap button
Article Introduction:There is no built-in method in Bootstrap to align the buttons right. The methods to achieve this effect are: Use CSS: add the .btn-right class to float the button. Use Flexbox: Use the justify-content: flex-end property of flexbox. Use helper classes: ml-auto or mr-auto to create automatic spacing and right-align containers.
2025-04-07
comment 0
754