Summary of knowledge points of css

Preface css is not only the makeup artist of the page, but also the foundation that every front-end must master. In the work, it is often too frequent for business, so it can't be very good to precipitate the technology. This paper is mainly the notes that the author learned from his spare time. It ma ...

Posted on Fri, 07 Feb 2020 01:24:07 -0800 by nawhaley2265

Parallel computing home project

Background system (Vue) 1. The first consideration is whether the layout can meet the needs of the project. Generally, full screen layout is required. At this time, the layout is divided into one column on the left, adaptive screen on the right, or fixed layout on the left and right sides. The middle part is adaptive. Consider ...

Posted on Tue, 31 Dec 2019 17:55:02 -0800 by mikevarela

CSS leak checking - Custom checkbox style

Because the original checkbox style is ugly, we often need to rewrite its style to beautify the checkbox. So today, we summarize the methods of customizing the checkbox style. The code is as follows: html file <label class="checkbox-inline"> <input type="checkbox" class="checkbox" name="hobby"> <span class="hobby">Badm ...

Posted on Sat, 14 Dec 2019 11:38:32 -0800 by successor

Simple use of openhtmltopdf

The main reason for writing this article is that the whole Baidu can't find an article using openhtmltopdf without a demonstration project, and github only has a simple demonstration, which can't see the effect. openhtmltopdf is an open source framework for html fragment to pdf file. The source code is on github, and the addre ...

Posted on Tue, 03 Dec 2019 07:57:54 -0800 by Anxious

jQuery full screen scrolling

1.jQuery.mousewheel plug-in There is no mouse wheel event in jQuery, and the mouse wheel event in native js is not compatible. You can use jQuery's wheel event plug-injQuery.mousewheel.js 2. Function throttling In JavaScript, some events are triggered very frequently, such as the onresize event (jq is resize), onmousemove event (jq is mousemo ...

Posted on Mon, 02 Dec 2019 12:06:35 -0800 by avickers

Bootstrap accordion menu plugin

Bootstrap accordion menu plug-in introduction This is a bootstrap accordion menu beautification effect. Based on the original bootstrap accordion, the bootstrap accordion menu is beautified by simple CSS code to generate a more beautiful bootstrap accordion menu effect. How to use Bootstrap accordion menu plug-in jquery a ...

Posted on Sun, 01 Dec 2019 03:14:11 -0800 by hightechredneck

[original] achieve the effect of SVG painting action

Background: when I saw the svg pictures of others on the Internet, they were line drawings drawn. I felt very good. After studying, write the following demo, which can be used to run directly The animation effect seems to be only effective in the path tag of svg. The key implementation is to use ...

Posted on Fri, 01 Nov 2019 17:27:04 -0700 by breath18

Webback4 detailed tutorial, from scratch to build react scaffold

Css Install loader yarn add style-loader css-loader -D To configure config/webpack.common.js ... function webpackCommonConfigCreator(options){ ... return { ... module: { rules: [ ... + { ...

Posted on Wed, 30 Oct 2019 22:09:32 -0700 by majik_sheff

CSS3 analysis dithering LOGO production

"Qiaoyin" is also very popular. It is said that it has 700 million users. Today we are going to study the logo of tremolo and rub it. Effect preview: It is mainly composed of the new attribute mix blend mode "in css3, and then there are three colors, white, red, and sky blue. ok, let's f ...

Posted on Wed, 16 Oct 2019 09:47:41 -0700 by tsapat

Write a Rotating Cube Block with css3

Write a Rotating Cube with css3 Animation + html Write a three-dimensional rotating cube by using the properties of css3's rotating translation 3D and so on. First we write the structure of a cube, six faces of a cube, so we write six div s. Then write out the initial style to set the size of the box, ...

Posted on Tue, 08 Oct 2019 13:44:09 -0700 by ssailer