CSS creates a busy cursor and css

Source: Internet
Author: User

CSS creates a busy cursor and css

Refer to the picture.

I used it on a pc and didn't think it was inappropriate. Now I want to use it on a mobile terminal. In the past, it was a headache to develop a front-end and be compatible with various browsers, now it is compatible with various screen sizes.

At first, we made N gif images of different sizes. Use javascript to determine the screen size, and then select the appropriate GIF image. The disadvantage of this operation is obvious. What I want to do now is

Switch to css3 to achieve this effect. See the following:

If you are interested, you can copy the following source code:

<!DOCTYPE html>

This is to facilitate the demonstration, and the browser compatibility is omitted. In actual projects, I encapsulated it with js for convenient calling and control.

This example only records the principle, and the encapsulated code is not pasted. The following shows the effect cutting chart of the application.

Css3 can do a lot more and share it later.


The cursor style in css creation must be cute ...... Self-made mouse

There are two types of mouse cursors: animation cursors (*. ani) and two static cursors (*. cur ).

There are many production software. We will introduce two types:
ArtCursors, A set of excellent mouse and cursor editing tools support standard 16x16, 32x32, and custom dimensional icons. In addition to viewing, drawing, capturing, collecting, and managing functions, there are also gradient coloring functions and a complete set of editing tools. supported formats include: ico, ani, cur, wmf, emf, bmp, jpg, jpeg, gif, and png are imported from image files such as ICO and JPG.
Download from the following URL
Http://download.pchome.net/design/icon/5898.html
Only the English interface of the software.

2. Recommended: MicroAngelo 5.59C Chinese version.
Powerful icon/cursor creation and replacement KIT tools. ico /. ani /. cur cursor. You can also replace the default icon in Windows. the icl icon Library supports creating/editing/setting up the icon library file by yourself, as well as the icon resource browser. exe /. dll /. cox /. cls/and so on). It has 5.0 advantages and supports direct modification. exe file icon resource, change your application to change the icon
:
Http://soft.2118.com.cn/soft/5221.htm
CSS keeps the original cursor when you select text. I have also tried it. I do not know the full compatibility method. The details are not necessary, because even if you do not want to select a text Master, it is useless.

Try to cover the selected text with a transparent div to solve the problem. A bit redundant.

Related Article

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.