The Codrops website uses CSS 3D Transforms to implement the Creative Book effect. You can see two types of Book Design: hard‑packed books and hard‑packed books. Both effects can be easily modified using CSS. Try it now.Articles you may be interested in
-Prefix-free: helps you get rid of the
The ASP. NET MVC with Entity Framework and CSS is a relatively new book on ASP. NET MVC, EF, and CSS Technology published in 2016, and I will try to translate this book for future reference. However, as my English proficiency is limited, there is a lack of accuracy or error in translation, so please be enthusiastic to
Since the internship also has a few months of time, to iqiyi art internship as a stepping stone, entered the current company. If the first to be able to love the odd art is temporary assault div+css words, at present in this company experience, any technology must know the principle, so as to do discovering, to be an expert person. CSS properties and usage are placed there, but if used well, in addition to
define the Vertical-align property value to Vertical-align:top | bottom |middle |text-bottomYou can also set the parent container's font size to zero, font-size:0 IE6 empty label height problem An empty div If the height is set to 0 to 19px,ie6 the height by default is always 19PX. example: .c{height:0px;/* given any height less than 20px */} If you do not let it default to 19PX. But 0PX.There are 3 ways to solve this problem:1.css ins
text in an element
Uppercase, lowercase, capitalize, none
/*indent the first line of text*/P{text-indent:3em;}/*Specify a positive left margin for the paragraph that is greater than the negative indent value, resulting in the effect of hanging paragraphs*/P{text-indent:-1.5em;Margin-left:2em;Border:1px solid Red;}/*Set character spacing*/P{letter-spacing:. 2em;}/*Set Word spacing*/P{word-spacing:. 2em;}/*Remove the underline from the text*/a{text-decoration:None;}/*you need to set
This article mainly introduces the use of pure CSS to achieve the book 3D page effect of the relevant data, small series feel very good, and now share to everyone, but also for everyone to do a reference. Follow the small series together to see it, hope to help everyone.
Start today ~ Small series will share with you a series of Web front-end effects, like to play cool effect of the small partners quickly
Some HTML tags that have semantics
Some HTML tags that have semantics
Do you really need a div tag? Do you really need a class attribute?Since CSS is more and more designers understand, in the page design, always contain too many div tags or class attributes. So, in real life, are these div tags really necessary? Does this class attribute need to be added? When using Div, according to the previous rule, you have to think about whether there are more
The content of this article is pure CSS implementation of 3D code (cube, dynamic stereoscopic picture book, Flat sky), the code is very detailed, the need for friends can look.
First, Cube
I think the cube can be regarded as the basis of 3D image, the first cube is composed of six of the same surface, and then we need to construct in turn. (according to the body structure in the code)
The code is as follow
}The handling of the project needs to be noted that all elements in the Topbar (A and Li here) are display:block and float:left,display:block are useful for setting up padding, and float:left is floating to the left. Then basically all used float:left this thing will appear the parent container can not open the case (height of 0), then use Display:inline-block;This note is purely my brain residual notes, reading difficulties do not understand the normal phenomenon, beginners try not to read, ot
element, or assign haslayout to the child element and add position:relative;
33
Set the text of one of the two floating elements to italic, and the other to the bottom of the italic text element.
IE6
Bug/fixed
Add Overflow:hidden to elements with italic text;
35
3PX interval: The element after the float element, there will be a 3px interval
IE6
Bug/fixed
Because it is the exact 3px, so, with "brute force", such as _margin-left:
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.