Cool CSS3 like Facebook login form

Today, I saw a very good CSS3 login form, which looks like a Facebook login form. It is quite good. It also supports simple form input box verification. Is form: Next, let's analyze the source code of this form. The first is the HTML code:

Html5 sample code for reading local files

Comments: This article mainly introduces the implementation of html5 to read local files. The html structure style, Css style, and js Code are as follows. If you need them, you can see the following html structure style:The Code is as follows: Add

HTML5 hidden attributes are compatible with old browsers

Comments: HTML5 brings us a lot of simple but powerful HTML attributes: placeholder, download, and autofocus. Another new attribute is the hidden attribute. When a webpage element has the hidden attribute, it performs very similar to the display:

Very cool CSS3 vertical drop-down animation menu

Yesterday I introduced you to a jQuery fade-in and fade-out drop-down menu with good compatibility. Today I want to share a relatively brilliant CSS3 vertical drop-down animation menu, however, only browsers that support CSS3 can be effective. Next,

Use pure CSS3 to achieve ultra-Three-dimensional 3D image rollover

In the morning, I saw a CSS 3 3D image side flip and tilt special effect shared by netizens on the jQuery forum. I think the effect is very good. In fact, the implementation of this stuff is really simple, the main idea is good. Let's take a look.

Example of creating a loading graph using html5

Comments: This article describes how to use html5 to create a loading graph. For more information, see The Code is as follows: :

Five methods of HTML page redirection

5 methods for HTML page Jump The following five examples are provided to describe in detail. The main functions of these examples are as follows: in five seconds, the hello.html file under the same directory will be automatically uploaded (as needed.

Homemade "low luxury" CSS3 registry list, including JS verification. Please do not abandon it, OK ?.

Requirements Required knowledge A basic understanding of CSS syntax and a preliminary understanding of CSS3 syntax. And basic JS/JQuery syntax. Development EnvironmentAdobe Dreamweaver CS6 Demo addressDemo address Preview (move your mouse up

Form onsubmit event and JavaScript return

Today, I am doing a form submission and verification. When I want to submit a form, I first verify whether I have filled in the name. If not, a prompt message is displayed on the right, and cancel the submission. If you have filled in, the

Pay attention to semantics when using HTML tags

Semantic Tag: You can use the tag if you think it is more meaningful to describe the content. Currently, browsers have excellent support for CSS (excluding CSS3). They focus on separation of structure and performance, separation of structure and

HTML5 solution to prevent the browser from being suspended

During Web development, the browser will often encounter events that do not respond to a false state, or even a prompt box "the script runs for too long" appears. If this happens, your script is out of control. A browser has at least three threads:

In-depth analysis of HTML form tags

In Javascript, each tag on the page is parsed as an object, that is, a form object. You can use document. forms to obtain a set of All form objects in the document in the source order. If a form object is defined as follows: Method to obtain

HTML5 canvas Fluid Mechanics Effect

Someone used Java to present a fluid mechanics Demonstration: http://grantkot.com/mpm/liquid.html. The following is a fluid mechanics demonstration of HTML 5 (Chrome browser is recommended ):Effect demonstration However, this is just the

Effect of the four gradient playback buttons drawn using javascript and HTML5 Canvas

Comments: This article mainly introduces the effect of the four gradient playback buttons drawn by using javascript and HTML5 Canvas. For more information, see is a new tag in html5. Like all dom objects, it has its own attributes, methods, and

HTML5 Canvas sample code

Comments: This article mainly introduces the HTML5 Canvas jagged image code example. For more information, see : Tip: copy the code to an html file and save it. Open it directly to see the effect. Implementation Code:The Code is as follows:

Sharing nine carefully selected HTML5 applications

For front-end developers, sharing some excellent HTML5 applications can be used directly, and more importantly, it can inspire the creation. Today we will share nine carefully selected HTML5 applications, all of which are dry.1. HTML5/CSS3 slider

Self-made "low luxury" CSS3 login form, including JS verification, please do not abandon it.

Requirements Required knowledge A basic understanding of CSS syntax and a preliminary understanding of CSS3 syntax. And basic JS/JQuery syntax. Development EnvironmentAdobe Dreamweaver CS6 Demo addressDemo address Preview (move your mouse up

Use HTML5 CANVAS to create a dynamic picture of a custom path!

Recently, I am interested in HTML5. For example, you can change the image from the code. I used 2d plotting in the canvas, where the path was drawn online. I am too lazy, haha The URL is as follows: Http://www.victoriakirst.com/beziertool/

Soundslice-music! Application of advanced Web Technology

The continuous development of Web technology allows us to develop various interesting functions. Here is a usage example.HTML5The online music score implemented by the technology can be played, or you can select a clip for loop playback. Come and

CSS3 prefix-free script prefixfree. js and Animatable

Requirements Required knowledge This article requires a basic understanding of JAVASCRIPT and CSS3. Running EnvironmentDesktop: IE9 +, Opera 10 +, Firefox 3.5 +, Safari 4 +, and Chrome browser; Mobile terminal: Mobile Safari, Android browser,

Total Pages: 187 1 .... 165 166 167 168 169 .... 187 Go to: GO

Contact Us

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.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.