1. How to create a CSS style sheet2.CSS3 's outstanding features3. Media query based on device attribute change style4. How to create a more beautiful mobile page using attribute change meta tags Cascading style sheets are an important part of
From:http://jingyan.baidu.com/article/03b2f78c4d9fae5ea237aea6.htmlCSS3 Box-shadow inner Shadow and outer shadow1-Box-shadow specific use method, syntax:E {box-shadow:inset x-offset y-offset blur-radius Spread-radius Color} In other words: Object
Custom Controls (6): Filter Paint brushes by MaskFilter,
First, let's look at an API: setMaskFilter (MaskFilter maskfilter ):
Set MaskFilter. Different maskfilters can be used to implement filter effects, such as filtering and stereo.
There are
The World Wide Web Consortium uses a special set of syntax to define CSS property values that can be used for all CSS properties. If you've ever seen a CSS specification, you've probably already seen this syntax. Just like
Border-image-slice
Syntax,
^_^ Fat boy John Source:CSS3 Magic Hall: CSS3 filter and canvas, SVG and IE filter alternatives IE-specific filters are often added as CSS3 for various new features, and Adobe has moved to HTML5 with Chrome to launch the CSS3 filter feature, so
First, knowledge CSS31, what is CSS3CSS3 is an upgraded version of CSS2, 3 is the version number, it adds a lot of powerful new features on the basis of CSS2.1. At present, the mainstream browser Chrome, Safari, Firefox, Opera, and even 360 have
In general, we use Box-shadow to set the box shadow, but some properties are not commonly used, this article will analyze the Box-shadow attribute one by one.Grammar CSS Code copy content to clipboard E {box-shadow:inset x-offset y-offset
11 Laying out with CSS11.1 Considerations for starting Layouts1 is also to emphasize the separation of content and display2 Layout method:Fixed layout: The entire page and the contents of each column have pixel-based widths.This means that the width
Box-shadow is the addition of a perimeter shadow effect to the element block, and the conversion of the Photoshop projection to the Box-shadow in the CSSText-shadow is to add a shadow effect to the text, and Box-shadow to add a perimeter shadow
Box-shadow is to add a shadow to the box. Support for adding one or more.Usage:Box-shadow:x axis offset y-axis offset [shadow blur radius] [shadow expansion radius] [shadow color] [projection mode];Code:. boxshadow-outset{ width:100px; height:1
Mouse painting is a slow exquisitely of the process of attention. To make a successful work, first of all, do not be impatient, strive for every detail of the work is perfect, color application is reasonable.
Mouse painting is a slow exquisitely of
Transparent today we want to achieve the effect is to make a transparent bubble. Look at the effect, it's pretty, isn't it? If you are satisfied, let's start now!
1. First of all, choose a picture you like, any content can be. After you do your
One, the compatibility of each browserTo be compatible with every major browser, prefix is added, I will list the browser prefixPrefix browser-webkit Chrome and Safari-moz Firefox-ms IE-O OperaSecond, the border1. Rounded angle effectBorder-radius
A. Border1.border-radius:x,y, blur radius, color (move left when x is negative, y to negative is on move)2.box-radius:x,y, blur radius, shadow radius, color3.border-image:url () Cuts the size of the picture Repeat/round (tiled)/stretch (stretched). (
Note that some CSS properties may not be supported for low-version browsers (typically IE), so it is important to note that when targeting a low-version browser.Web site about compatibility detection for CSS properties: http://caniuse.com/Some
Text-shadow in the CSS2, but in the css2.1 version was abandoned, and now css3.0 version has been re-picked back.It functions to produce shadows and blur the subject. This adds texture to the text when you don't use the picture.1, Text-shadow syntax,
Shadow Box-shadow (ii)1. The difference between shadow blur radius and shadow expansion radiusShadow Blur radius: This parameter is optional, its value can only be positive, if its value is 0 o'clock, indicates that the shadow does not have a blur
Common CSS3 attribute sorting and css3 attributesCommonly used CSS3 attributes to organize text beyond partial collapse
white-space:nowarp;overflow:hidden;text-overflow:ellipsisWord-warp
Line feed
Normal default
The break-word content will wrap
Reading Tips:
《Delphi Image ProcessingThe series focuses on efficiency. The general code is Pascal, and the core code is BaSm.
The C ++ image processing series focuses on code clarity and readability, all using C ++ code.
Make sure that the two
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.