height: 1.5;">height: 1.5;">when CSS3 's animation finishes an animation, we want to keep the animation in the terminating state or some other event, how do we do it?
We can listen to the Webkitanimationend event,
Event O.addeventlistener at end
The following small series to bring an understanding of H5 the beginning of the CSS part of the code, interested friends can see
body { font-family:" Microsoft Jach "," Microsoft Jas Black "," Microsoft Star "," Chinese fine Black "," Helvetica
Animation composite properties. Retrieves or sets the animation effect applied to an object.
If there are multiple attribute values separated by ",", applies to all elements, including pseudo-objects: after and: Before
1.animation-name retrieves or
NetEase front-end micro-professional courses, there is a homework is to achieve a 3D rotating cube, took a little time to do the next, but also a little meaning, write a simple tutorial for everyone to learn. Let's put the effect on the end to
I. How to set the background color of a labelThere is a Background-color: property in CSS that is specifically used to set the background colorValue:A specific wordRgbRgba
Hexadecimal
two. How do I set a background image? in CSS, there is a
The CSS3 gradient (gradients) allows you to show a smooth transition between two or more specified colors.
Previously, you had to use images to achieve these effects. However, by using CSS3 gradients (gradients), you can reduce the use of
When we write the form, we will find that some browsers have given the form the default style, such as the Chorme Browser, text box and drop-down selection box when loading the focus, there will be a glowing border, and in Firefox and Google Browser,
CSS3 border
With CSS3, you can create rounded borders, add shaded frames, and act as a boundary image without using a design program, such as Photoshop.
In this chapter, you will learn about the following border
This article introduces you to a global css-global.css, the small partners who want to know can look at all of a sudden
@charset "Utf-8";/* =reset default browser CSS. Based on work by Eric meyer:http://meyerweb.com/eric/tools/css/reset/ index.html-
-->
$velocityCount-->
-->
In web design applications, when we cannot completely abandon the use of the table, in order to achieve the desired effect, it is unavoidable to use the table nesting (especially multi-layered nesting) way to layout. Many
Tidy up the document, and loot a CSS3 effect: "W"-shaped running track instance code, a little tidy up to do the next share.
*{margin:0; padding:0; } #p {width:900px; height:400px; BORDER:2PX solid black;
Floating
1. What is floating
Floating occurs when the attributes of an element are float not none .
float
. float { float:left; width:100px; height:100px; Background-color: #ddd;}
2. Impact of floats
Floating causes the element to flow away
This article mainly introduces the in-depth understanding of CSS Vertical-align Properties, small series feel very good, and now share to everyone, but also for everyone to do a reference. Let's take a look at it with a little knitting.
First, why
CSS3 Media
Media type
The media type is a very useful property in CSS2. Media types allow you to specify different styles for different devices.A total of 10 media types are listed, such as tables:
value
Device Type
All
A lot of people just mention the @font face rule, the heart will involuntarily "Oh ~ ~" The sound: "This I know, can be used to generate custom characters small icon!" "The thing is, the problem is that a lot of people think that creating a small
left-2 list-paddingleft-2">
First phone interview, interview my brother asked me what do you know about the way to remove floating?That's what I said. "There are two ways to use" clear:both "on elements that need to be removed from the float,
In newer browsers such as Ff/chrome, you can use the CSS properties Background-color Rgba to easily achieve background transparency, while text remains opaque. The Ie6/7/8 browser does not support RGBA, only the use of IE's exclusive filter
Why do you want to initialize CSS?
CSS initialization refers to the style of resetting the browser. The default styles for different browsers may vary, so the first thing to develop is how to unify them. If you do not initialize CSS, there will
Change your blog-garden and garden
The blog garden has a lot of beautiful skins, but there are always some places I don't like very much, so after careful consideration, I decided to manually change the outfit. This article will introduce some of
[CSS] Scale on Hover with Transition, hovertransition
Scale on Hover with Transition
Effect
Source code
image scale animation
Img-box: the box containing the image to ensure that the excess part of the child element is
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.