Internet review - Lite Web-master Graphics Games Freeware Time Christmas Bible
Social accounts Contacts Tags Owners Used Geography Applications



CSS3



spin.js - spin.js.org
A visual loader generator on CSS3, without a picture.
More

A visual loader generator on CSS3, without a picture.
Built on runners.
These are circular sticks. Adjust the length, up to the squares, or round the corners and to the circles.
Adjust the number and speed of rotation. Transparency and direction of movement.
We take the code by scrolling the page.

Animate.css - daneden.github.io/animate.css
Download CSS with different styles.
More

Download CSS with different styles for text, for example for a link. How they work, you can see by selecting in the drop-down menu.

For those who make websites
Handbook and self-tutorial of the basics of web programming.
More

A handbook and a self-tutorial of the basics of web programming, one that is indispensable.
The directory is well-structured, understandable and rich in information.

Online Generator CSS3 Buttons - dbmast.ru/files/buttonmaker
Very simple and intuitive visual button generator.
More

Very simple and intuitive visual button generator.
Runners, select the font for the text on the button. All on one page.
At the end click on the button and get the code.

Animated SVG Icons - tympanus.net/Development/AnimatedSVGIcon
Collection of animated SVG icons.
More

Collection of animated SVG icons.
You can go in, try what happens when you click.
Click on Back to the Codrops Article and download the code right away. We are looking for our own.

CSSPin - webkul.github.io/csspin
A collection of downloaders, downloaded together and then choose what you need.
Elastic SVG Elements - tympanus.net/Development/ElasticSVGEleme
The buttons on CSS3 when pressed inflate or contract, a lively interesting effect.
Animated Buttons with CSS3 Transitions and Animations - tympanus.net/Tutorials/AnimatedButtons
Several options for the buttons, choose what you liked and take, not the editor, then we rule ourselves, it's unlikely the text will fit all.
Button Switches with Checkboxes and CSS3 Fanciness - tympanus.net/Tutorials/CSS3ButtonSwitche
Buttons-switches with graphics, the code is taken to Back to the Codrops Article, all at once.
CSS buttons with pseudo-elements - tympanus.net/Tutorials/CSSButtonsPseudoE
Clinking 3D buttons with text, the code is taken to Back to the Codrops Article All at once.
Some Button Styles - codepen.io/blaketarter/pen/JGivD
Simple quiet flat buttons, when hovering the colors become a little brighter or a color appears in the frame, where it was not.
Some buttons... a pen by Ottis Kelleghan - codepen.io/cheeriottis/pen/inluv
Clinking 3D buttons with text.
Animated CSS3 buttons - codepen.io/creotip/pen/cfuAi
Animated bulky buttons, something happens when you hover and something when you click. One code for all buttons.
Hover.css - ianlunn.github.io/Hover/#effects
A lot of flat buttons that react differently to pressing.
We take the code next to the name and we look for our own.
fade loading - codepen.io/diegopardo/pen/dGlfC
The text is a wave, almost disappearing and vylazya in 3D.
Russian text works correctly.
7 letters are suggested, it's better to focus on this amount, otherwise the effect will be not the same.
Neat hover animations on buttons - codepen.io/Savantos/pen/mHIpt
Click on the button, the background disappears and the arrow appears.
CSS3 Animated buttons. a pen by Seth Abbott - codepen.io/sethabbott/pen/FtuLz
Round bright buttons with text.
More

Round bright buttons with text.
When you click, the button increases without shifting anything around, it starts spinning, changing the text.

Hover Wipe Buttons - codepen.io/tpalmer75/pen/iImsJ
When you hover, the background moves apart about the type of curtains.
Pure CSS Loaders kit - codepen.io/viduthalai1947/pen/JkhDK
A number of original loaders are presented, next we take the code at once for everything and look for our own, like a sculptor - removing excess. :).
Creative CSS3 Button Styles with cool hover effect - codepen.io/WordPressDev/pen/fxyqB
Simple flat buttons, when hovering instead of text jumps up the arrow.
Flat UI - designmodo.github.io/Flat-UI
On the page styles of buttons, sliders, dials, radios ....
Trianglify - qrohlf.com/trianglify
Click Generate and get a random background of multi-colored triangles.
More

Click Generate and get a random background of multi-colored triangles. Colors are matched in tone. You can scroll down and already choose yourself, set the size and take the code of our background.

W3C CSS Validation Service - jigsaw.w3.org/css-validator
CSS3 validator.
More

Validator from W3C (The World Wide Web Consortium).

Since the validator is here, it means that if your CSS arranges it, then it will work correctly everywhere. The site is official.

I was generating a large CSS file, and there was some mistake. In such a large file, it is rather difficult to look for an error. Gave a link to this service and he immediately showed me what to do.

You can give a link to the file, upload a CSS file or enter the code into the form.

He will think a little and tell you what's wrong here.

SpinKit - tobiasahlin.com/spinkit
The site shows an animated loader, executed in CSS3.
More

The site shows an animated loader, executed in CSS3.
Click the arrow and watch another, etc.
Liked it? Click on Sourse and take the code.

EnjoyCSS - enjoycss.com
CSS3 editor.
More

CSS3 editor.
Otherwise, you can not say that, just go in and feel that this is not a simple generator that does a couple of functions, but they hit something like Photoshop.
Everything is intuitively clear. At the end of the bottom click and get t

CSS Sprites Generator - toptal.com/developers/css/sprite-generat
Generator CSS sprites.
More

Drag in the field of the image or select by clicking the Choose files button.
As a result, we get a picture of the sprite in .PNG and CSS code, which obviously is worth doping itself, because you will get a complete code for each image.

CSS Sprite Generator - draeton.github.io/stitches
Generator CSS sprites.
More

Service from Projectfondue, CSS sprite generator.

How it works

  1. We collect the required pictures in a folder (well, it's more convenient for me personally).
  2. Click on the site blue menu item CLEAR to remove the existing icons for the example.
  3. Customize:
    • You specify the distance between the pictures, and to the edge. They offered 50 right away, but that's a lot. Zero did not pass, then we put 1, which is quite enough.
    • You can set the background color or make it transparent.
    • Names to variables will be assigned by the names of pictures in the archive. In the form, you can add a prefix or suffix to all the names, or leave the field blank.
    • You can make a picture compact, vertical or horizontal.
  4. Drag and drop files from our folder into this field.
  5. Once your icons have become clear, not pale and flickering, as in the beginning, the sprite is ready.
  6. Click the green Download button, followed by the green Spritesheet and Stylesheet buttons.
  7. The resulting text is corrected for our site.
This technique can be very effective in improving the performance of the site, especially in situations where many small images, such as menu icons, are used. Yahoo !, for example, uses this technique for this.
CSS3 Animated Loading Bar - leemunroe.com/css3-animated-loading-bar
Calm loader.
More

Calm loader.
Rotating strip.
Nothing is configured, just take the code and if we want, we will edit it, not visually.

CSS sprite generator
Generator CSS sprites.
More

Drag in the field of the image or select by clicking the Choose files button.
As a result, we get a picture of the sprite in .PNG and CSS code, which obviously is worth doping itself, because you will get a complete code for each image.

CSS3 Button - css3button.net
Very simple and intuitive visual button generator.
More

Very simple and intuitive visual button generator.
Everything in one place, you do not need to collect code on several generators.
The code is generated along with the image, separately CSS and a link.

CSS3 Generator - css3generator.com
Service is simple, intuitive, select, get, take.
Here a shadow is created with the help of this generator.
More

CSS3 style generator.

The service is simple, intuitive, select, get, take.
Here a shadow is created with the help of this generator.

Google Buttons - cssdeck.com/labs/google-buttons-2
Quiet buttons for menus, in style. As used on Google services.
CSS Radio Buttons - cssdeck.com/labs/ldmtsmfk
A vertical menu is made from the radio.
CSSmatic - cssmatic.com
A good CSS3 generator.
More

A good CSS3 generator.
As a matter of fact here there is some generator, one works with corners, another with a gradient, shadows for the text and shadows for the block, animation, rotation.
In general, more functions than most generators.
At the end of the code you can pick up or download.

WEBSITE BUILDERS

Templated - templated.co
Collection about 1000 free CSS templates and HTML5.

CRANKING

HTML5 UP - html5up.net
Adaptive HTML5 and CSS3 templates.

Print Friendly and PDF





ALL TAGS
Related Topics:
CSS HTML5 HTML JavaScript Cloud Code CSS Sprite Generator Sites Site Map robots.txt Ajax Java HTTPS



Mobile version

Terms of publication of the article
Advertising
About us
Graphics

Fonts
Logos
Brandbooks
Pictogramms
Heraldry

Popular

Check a website level
A website registration
How to creat a website
#1 on Google
Online Translators
Password

Internet top

©2005-2021, Web studio Ph4 - Internet Catalog for user, web-master and designer v. 6.0.2