Animated 3D Text Styles - SVG (JavaScript)

SEO-friendly

This uses HTML text so Google reads just like any other HTML text.

Includes 10 unique styles

Styles range from realistic to flat to isometric. See them all in the preview.

Control the text with CSS

Just like any other HTML text, you can control things like font, weight, size, and letter spacing right from the CSS.

Add text links

Create a text link by creating an href similarly to how you would with normal HTML.

Google Fonts

If you want to use a font that’s a little more exciting than Ariel, pick from any font in the entire Google Fonts library.

Responsive

The text will resize based on its container. See how it does on Google’s mobile-friendly test.

Compatible with all modern browsers

That includes mobile and even Internet Explorer.

Create your own text styles

Quickly modify my styles or create your own! With just 3 lines of code, you can add an inner shadow, a pattern, and a long shadow to make a brand new style.

100% resizable

Everything is vector, which means you can make the text as big as you want and you won’t lose image quality.

Excellent Support

It’s no coincidence that I’m a 5-star Elite Author here on CodeCanyon – I provide great support. Not only are there comprehensive instructions, the code is well commented and I’m prompt and helpful when you contact me. Look what some of my customers have to say about me:

Related Items

Animatrix Icons - SVG Animated WordPress Plugin (Add-ons)

Animatrix Icons – SVG Animated WordPress Plugin

The ultimate icons plugin for your WordPress installation is available now!

94 pre-made SVG animated icons are available, with the ability to draw on them or create your own icons. You can use the default background animation or remove it and use the icon only. The icons are available via shortcode and for your convenience are integrated in the default page editor. You can also change the speed of the animation, select a different color or size.

Professional SVG icon WYSIWYG Editor is included in this plugin, and can be accessed from the admin area. You can draw with the default Pencil tool or create shapes out of the rich Shapes library.

All SVG icons are animated on the front-side, by mimicking the drawing process. You can also export and save the SVG icon as well.

Main Features:

• 94 animated SVG icons


• Icon background – select an icon as background, animation starts after icon is loaded


• Create beautiful SVG icons from your drawings with transparent background


• 6 color themes for animated background and unlimited hex colors for the hand-drawn icon


• 100% responsive icon, four icon sizes small, medium, large and fit to wrapper


• 
  Speed of the animation can be set with the shortcode


• Advanced options are available for disabling all animation, the hovering animation or removing background animation


• 
  WYSIWYG SVG EDITOR
  
  • Ability to see code of SVG icon
  
  
  • Wireframe mode
  
  
  • Show/hide grid
  
  
  • Undo/redo buttons
  
  
  • Keyboard shortcuts
  
  
  • Zoom tool
  
  
  • (Bucket tool only shows for preview)
  
  
  • Stroke color and color picker
  
  
  • Stroke size
  
  
  • Opacity tool
  
  
  • Move to top/bellow another layer
  
  
  • Select/move/resize/rotate layer
  
  
  • Pencil tool
  
  
  • Shapes library
  
  
  • Basic, objects, symbols, arrows, flowchart, animals, cards & chess, dialog balloons,
    
    electronics, mathematical, music and many other shapes
  
  
  • Panning tool
  
  
  • Delete layer button
  
  
  • Exporting SVG icon
  
  


• 
  Shortcodes Generator to help you create the shortcodes you need


• 
  Icon boxes to wrap the icon with different alignment settings


• 
  Icon container banner with a background color

Support

We take excellent care of our customers and make sure that they successfully install, setup and use this plugin.

You can use the comments section of this plugin to post any comments that may be helpful for others to know as well.

Our Facebook page are available to assist you if you send us a message there, and you can always sends an email at support@wpicode.com.

Keep us motivated to deliver new features by giving us a good rating in your Downloads page. Thank You!

FAQs

Please check the FAQs available on CodeCanyon

Change log

• 8/25/2015
  
  Initial upload on CodeCanyon
  

Progressive Draw - SVG (Animated SVGs)

Watch your vector artwork draw itself right onto the screen!

Easy to Use

Setting up a new animation couldn’t be more simple. You just save your artwork directly from Adobe Illustrator, add a line of code to your HTML, and you’re ready to go!

Easy to Customize

• Change the following with just one variable:
  


• Animation speed for lines and fills
  


• Play on load, on click, or when it becomes visible on scroll
  


• Draw everything at once or one element at a time
  


• Draw fills in order or at the very end of the animation
  


• Delay time between images
  


• Enable/disable the play/pause button on hover
  

Other Features

• You can control play, pause, resume, reverse, and restart externally
  


• Responsive design
  


• Works on all major browsers, even mobile and Explorer
  


• Works great even if the artwork has mostly fills instead of lines
  


• Add an unlimited number of SVG’s to your page
  

Excellent Support

It’s no coincidence that I’m a 5-star Elite Author here on CodeCanyon – I provide great support. Not only are there comprehensive instructions, the code is well commented and I’m prompt and helpful when you contact me. Look what some of my customers have to say about me:

Some things to note:

• Modern browsers can’t handle SVG’s with variable stroke widths so they either need to be converted to normal strokes or converted to fills
  


• This file is for vector, not raster artwork – meaning it won’t animate your PNG or JPG images
  

Related Items

Animated SVG Weather Icons (Animated SVGs)

Beautifully designed flat weather icons, each with their own unique and subtle animation. Each icon waits to animate into view until it’s visible on the screen.

Icons Included

The pack includes icons for the following weather conditions:

Sunny Thunder Thunderstorms Clear night Cloudy night Partly cloudy Mostly cloudy Partly cloudy night

Rainshowers Rainstorm Snowshowers Snowstorm Windy Hot Low temperatures High temperatures

Excellent Support

It’s no coincidence that I’m a 5-star Elite Author here on CodeCanyon – I provide great support. Not only are there comprehensive instructions, the code is well commented and I’m prompt and helpful when you contact me. Look what some of my customers have to say about me:

Want the Illustrator Graphics?

Get them here on GraphicRiver.

Related Items

MK Menu - Responsive Menu Collection for Joomla! (Joomla)

MK Menu – Responsive Menu collection for Joomla!

current version v1.0

MK Menu is the first menu collection for Joomla! that includes different responsive menu themes fully customizable and easy to configure.

Install the MK Menu module and in few steps you will have your new menu:

1. Choose your Joomla! menu


2. Choose the theme and configure parameters


3. Activate animations (optional)

MK Menu uses the default Joomla! menu system, it’s fully compatible with all Joomla 3.x versions.

New admin panel

Configuring MK module is simple thanks to the new admin panel that makes easier your job. Switching among themes will hide the parameters now allowed for the current one.

Menu design

All themes are the result of a long research on the web among lot of different css/jquery menu solutions. We choose the best and we fit code into Joomla framework.

New themes will be included

This module is a menu collection, in future we will include new menu themes and you will get them for free simply upgrading your MK Menu.

6 Pack SEO SVG Icons (Miscellaneous)

6 pack SEO animated icons, to make your website more interactive. The SVG icons can be resized and they will look sharp on any device.

Icons Inlcuded:

Analytics Bar chart

Local Optimization

Marketing Strategy

Web Visibility

Link Building

Organic Search