Loading...
Développement-code

CSS3 un formulaire recherche

Le site WebDesignerWall nous montre comment faire en CSS3 un joli formulaire de recherche. Lorsque le navigateur ne supporte pas CSS3 on a un formulaire classique rectangulaire

Tout d’abord pour faire un cercle en CSS3 :

.circle {
width: 100px;
height: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
}

Et pour un ombrage dans la boite recherche supporté uniquement sur Chrome 4+ et Firefox 3.5+ :

.inset {
   -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.4);
   -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.4);
   box-shadow: inset 0 3px 8px rgba(0,0,0,.24);
}

Ce qui donne :



11 comments
  1. lebron james shoes

    I just wanted to post a small remark so as to appreciate you for those fabulous steps you are sharing at this site. My time-consuming internet research has at the end of the day been recognized with reasonable information to exchange with my visitors. I ‘d assume that we visitors are rather lucky to be in a fine website with many awesome professionals with useful plans. I feel pretty fortunate to have come across your site and look forward to plenty of more exciting moments reading here. Thanks a lot once again for a lot of things.

  2. supreme clothing

    I must get across my passion for your generosity supporting folks who require help on that concern. Your very own dedication to getting the solution across came to be exceptionally informative and has without exception helped others like me to achieve their aims. Your interesting advice indicates a lot a person like me and further more to my office workers. Thank you; from each one of us.

  3. russell westbrook shoes

    I needed to draft you the little word just to thank you again over the pleasant things you have shared in this case. It was really unbelievably generous of you to present easily what a few people could possibly have supplied for an electronic book to get some profit for their own end, most importantly since you could possibly have done it if you considered necessary. Those secrets also acted to become a fantastic way to fully grasp many people have similar passion really like mine to grasp very much more in respect of this issue. Certainly there are several more pleasurable instances up front for those who find out your blog.

  4. bape

    I have to point out my appreciation for your generosity supporting women who require assistance with your content. Your personal commitment to getting the solution all through has been astonishingly productive and has in every case allowed professionals like me to arrive at their targets. This valuable publication denotes a great deal a person like me and far more to my colleagues. Warm regards; from everyone of us.

  5. kyrie 5 spongebob

    I must voice my passion for your generosity for men and women that absolutely need assistance with your topic. Your special commitment to passing the message across became definitely powerful and has in most cases enabled guys like me to realize their targets. Your amazing important facts entails a great deal a person like me and substantially more to my colleagues. Regards; from each one of us.

  6. golden goose

    I must show thanks to you just for rescuing me from such a dilemma. After surfing throughout the the net and finding ways which were not beneficial, I believed my entire life was gone. Living minus the answers to the issues you have solved all through your entire review is a critical case, and ones that would have in a wrong way affected my career if I had not discovered your website. The capability and kindness in handling all the stuff was priceless. I’m not sure what I would have done if I had not come across such a solution like this. I can also now look forward to my future. Thank you so much for your high quality and result oriented help. I will not think twice to refer your blog to any person who desires assistance about this area.

  7. giannis shoes

    I precisely wished to appreciate you once again. I’m not certain the things that I would have followed in the absence of the entire tactics shown by you concerning such a problem. It was actually a distressing matter for me, but coming across a new specialized approach you solved the issue took me to weep for contentment. I’m happier for this work as well as have high hopes you recognize what a powerful job you happen to be accomplishing educating people today by way of your website. I am certain you haven’t met any of us.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.