Programmer Group

Original Link: http://www.cnblogs.com/asher/archive/2013/04/13/3017768.html 15 basic direct-use CSS3 styles This article lists some basic CSS3 styles that you can put at your fingertips and modify to your own style whenever you nee ...

Preface Transitional animation is indispensable in modern development, and rigidity and cool are closely related to it. ng2.x animation-related api is incorporated into the core module @angular/core, which is independent after angular 4. However, there is little difference in the way of writing, but the introduction has changed. Please refe ...

First, let's talk about fullpage, which is a jquery plug-in that allows the mouse to slide up and down, and then automatically switches to the previous or next screen. It's really a good plug-in to do some big things.First, let's show you the basic effects. A total of four screens Each time the mouse slides up or down, it switches the ...

Story Background: These days, I met a customer who took minutes of the meeting. During each meeting, a special device would record the position of the speaker and display it in an angle value. He gave me the angle value, and let me make a chart for him to show everyone's approximate position. Customers think of using Echarts charts to do it, I ...

Selector defined in CSS1 Type Selectors Used to select an element of a specified type (in fact, it is the html tag selector), the common usage is as follows: body { /*Define styles for body elements*/ } body,div { /*Choose multiple label elements at the same time*/ } ID selector The html elements used to select the specified ID are as ...

1. Vertical alignment If you use CSS, you will be confused: how do I align elements in the container vertically? Now, using CSS3 Transform, you can gracefully solve this puzzle: .verticalcenter{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) ...

Page Layout Solution Centralized layout horizontally The child element is in the middle relative to the parent element and the width of the child element is variable. In addition to other declarations, the HTML structure is as follows: <div class="parent"> <div class="child">Demo</div> </div> inline-block + text-alig ...

Web Front End Interview Guide (42): How do I achieve a circular clickable area on a page? Label: Map Hotspotsradius makes circlesDistance between two pointsJavaScript Mathematical FunctionsWeb front-end interview questions 2016-10-13 19:05 4382 people reading comment(0) Collection Report Classification: Web Fron ...

In order to ensure the security of data, so that the dissemination of information can be traced, similar to the watermarking in the lower right corner of the microblog image, some sites will require their own proprietary watermarking. In order to show the need, I have processed one of the watermarking colors, the general effect is as follows: ...

There are three ways to add rounded border effects 1. Use pictures 2. Use the border-radius attribute of CSS3 3. Pure use of CSS border color settings to achieve the effect of rounded border One way to use pictures is to use four triangular pictures of the same size (the size of triangle depends on the size of the corner box) as ...