Language Notes - total325Chapter | Hongmu Notes

css to create a double-sided card that rotates on hover Language Notes CSS

Create a double-sided card that rotates on hover. Set the card's properties to "None". For the backface-visibility property, initially set the back side to "None" and the front side to "Visible". For the rotateY() function: set the value to-180deg or 0deg after the card is hovered over; set the value to 180deg or 0deg to apply the rotation effect. Adjust the perspective property as needed.

2022-11-06 11:30:59 👁 165

css hamburger button Language Notes CSS

Display a hamburger menu that transforms into a checkmark button when hovered over. Use a container containing top, bottom, and middle bars. Apply the following styles to the `.hamburger-menu div`: `display: flex; flex-flow: column-reverse`. Add a spacing between the bars using `justify-content: space-between`.

2022-11-06 11:30:53 👁 159

css siblings fade Language Notes CSS

Fade out the hovered element to its sibling level. Apply an animation to the changes made using `a`. `transition-opacity` uses the `&` pseudo-class selector to modify all elements except the one where the mouse is positioned. `:hover:not(.opacity0.5) <div class= "sibling-fade"> <span...`

2022-11-06 11:30:46 👁 309

Fix the id auto-increment sequence of data tables Language Notes mySql

1. Drop the existing primary key: `ALTER TABLE `table_name` DROP `id`;` 2. Add a new primary key field: `ALTER TABLE `table_name` ADD `id`INT(11) NOT NULL FIRST;` 3. Set the new primary key: `ALTER TABLE `table_name` MODIFY...`

2022-11-06 11:20:57 👁 177

jquery screen size judgment Language Notes JavaScript

2022-11-06 11:20:56 👁 191

swiper displays in different ways on different screens Language Notes JavaScript

breakpoints: { 320: { //When the screen width is greater than or equal to 320 slidesPerView: 2, slidesPerGroup: 2, spaceBetween: 50 }, 1000: { //When the screen width is greater than or equal to 768 slidesPerView: 3, slidesPerGroup:…

2022-11-06 11:20:56 👁 151

PHP generates fixed number based on title Language Notes PHP

substr(str_replace(array("a","b","c","d","e","f","g","h","i"…

2022-11-06 11:20:56 👁 134

php sql read and write operation database Language Notes PHP PHP collection PHP and mysql

I am about to learn object-oriented, so some codes need to be deleted. Here is a record. This string of code is mainly used for writing operations in the empire database, etc.

2022-11-06 11:20:56 👁 123

js move the mouse up to modify the style attribute Language Notes JavaScript

When the mouse hovers over the element, the color changes to red; when the mouse leaves the element, the color changes to black. To retrieve an element by its ID: `document.getElementById()`; Event handler for mouse hover: `onmouseover`; Event handler for mouse leave: `onmouseout`.<!DOCTYPE html><html lang= "en">...

2022-11-06 11:20:55 👁 130

PHP gets Baidu drop-down words Language Notes PHP

Sometimes, when performing SEO tasks, you may want to use a script to automatically modify page titles; in such cases, you can utilize Baidu's dropdown keyword database for automatic matching and modification. Below is a PHP snippet for retrieving Baidu's dropdown keyword data: // Retrieve Baidu dropdown information $title = urlencode($data['title']); $api = "https://www.baidu.com/sugrec?pr...";

2022-11-06 11:20:55 👁 498