RGBA
Background:rgba (0, 118, 160,. 25);
The first three values are RGB color values, the last value is the horizontal transparency (0 = transparent, 1 = opaque).
RBGA can be applied to any color-related attributes such as font color, border color,
CSS3 allows us to use a custom font
And some nice text effects too.
Custom Fonts
Using custom fonts requires the use of @font-face rulesFirst of all, you have to have a custom text file.
payen s.tsung
@font-face { font-family:mydiyfont;/* Custom
In a previous article we solved the CSS in the summary of the translucent settings, but also know that the translucent effect is not only on the picture, there are all kinds of places have been used to, then we will introduce to you today the
Sometimes we need to write a flexible box in CSS3, so how does this code work? This needs to use our Box-shadow attribute, he can let the box in the display when the shadow effect, the following will give you a detailed
Text overflow text-overflow and text shadow text-shadow-small match Blue ideal
* Directory [1] Text overflow [2] Text shadowPrevious
CSS3 adds some text styles, including text-overflow text overflow and text-shadow text shadow. They have the
When setting opaque properties, it is often used opacity to increase the level of sense or to increase the user experience, but this property is the CSS3 property, for the compatibility of low-level browsers do not achieve the desired effect.In
"Reprinted from Http://www.cocoachina.com/ios/20141223/10731.html"Although iOS has long supported the use of blur effects for processing images, the translucent blur has been widely used, especially after iOS7. Including this year's latest release
This writing is today's study to the attribute, altogether 20.The property is more, but it will be used, and it will be remembered when it is used, in order to serve the purpose that we need.Style properties1, borderCSS border properties allow you
Text-shadow (Text shadow)html: text Shadow css:p {Text-shadow:2px 3px 4px red:}PS: The first two values are required to drop, respectively, the horizontal shadow and vertical shadow position, allowing negative values;The third value is the blurred
1. Force text line display:White-space:nowrap;Multiline text last ellipsis:Display:-webkit-box; -webkit-line-clamp:2; Overflow:hidden; -webkit-box-orient:vertical; Text-overflow:ellipsis;2. Set overflow text to appear as an ellipsis
A special selector1. * Used to match any mark2. > To specify Parent-child node relationships: child nodes3, E + F adjoins the element selector, matching all sibling elements immediately following the E element F: next to the4, E ~ F matches all
1"D1">Hello2 aaaaaaaaa3 4 bbbbbbbb5ttttttttttttt6zzzzzzzzzzz7 ccccccc8"F">eeeeeeeeee9 dddddddTenffffffffffffff One A"FC">gggggggggg -1.---(above is HTML code)1 #d1 >span//D1 The following sub-label span2{3 color: #f00; 4 }5
The CSS3 contains several new text attributes.In this chapter, you will learn the following text attributes:
1. Text-shadow
2. Word-wrap
Browser supportInternet Explorer 10, Firefox, Chrome, Safari, and Opera support the
CSS3 is useful for responsive design: Using CSS3 instead of images, you can effectively reduce HTTP requests in bandwidth-constrained Web pages (making Web pages load faster), and make Web pages more flexible and easier to maintain.When developing
When using the first remember to add the prefix:-webkit-,-moz-,-o-,-ms-, because the current browser to CSS3 and HTML5 compatibility is uneven.Border:1.border-radius (Implementation of a solid circle)2.box-shadow:x axis offset y-axis offset [shadow
CSS3 Text Effects
1. Text-shadow
2. Word-wrap
Text-shadow How to use propertiesThe Text-shadow property is used as follows.Text-shadow:length Length Length ColorWhere the first three length refers to the shadow away from the
Brief introductionCSS is a cascading style sheet (cascading Stylesheet). CSS technology is used in WEB development to effectively control the layout, font, color, background and other effects of the page. Just a few simple changes, you can change
This article describes how to cut, rotate, sharpen, subtract, or add special effects to php_imagick. You can call the PHP extension of ImageMagick function to make PHP have the same functions as ImageMagick.
This article describes how to cut, rotate,
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.