Author: EoE
1. Search and search
You have to find a good effect before you can copy
such as http://www.cssplay.co.uk/
Http://www.cssbeauty.com
can always see
I accidentally passed Cssplay today.
Http://www.cssplay.co.uk/menus/magnifier2.html
It looks like fun.
Open up your topstyle and try it.
Suggest you see a fun style ~ Don't be anxious to see his css~ meaningless
2. DIY ~
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 strict//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
</body>
Hint: You can modify some of the code before running
I feel good when I'm done with myself ~ ~
mainly is a:hover Position:absolute; Margin Three ~
But when I did, I found out that ~ie5 's a was dead.
3. Take make short
It's time to see someone's CSS ~ ' Even though it is also IE5 a failure
#enlarge {padding:0; margin:2em auto; list-style-type:none; width:240px; height:40px;}
#enlarge li {display:block; float:left; width:40px; height:40px; position:relative;}
#enlarge Li a {display:block; width:40px; height:40px; background:transparent; overflow:hidden; position:relative;}
#enlarge li a img {width:100%; height:100%; border:0;}
#enlarge li a:hover {position:absolute; left:-20px; top:-20px; width:80px; height:80px; z-index:100;}
Hint: You can modify some of the code before running
FT ~ written more than others a definition ~ ~
His method is to use position:relative with the left top is the same with negative value to do ~
4. Extrapolate
Suddenly think of the recent Clean Car Forum ~ Post page can use this to play ~
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 strict//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
</body>
Hint: You can modify some of the code before running
The effect is not very ideal
Try to change the back of a wide to just block to the left of the ~ but can not see the number ~ not good to see
and tried to use the same method.
Side with: After added the picture on the left ~ but ~ with the number on one side there is no ~ more bad ~ ~ and it is impossible to do n picture with a number of pictures ~ Expansion of bad
Maybe that's the limit of the CSS itself.
Perhaps ~ with JS can be more simple to solve ~ ""
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.