20 Cool SVG Text Effects

Writing and editing <text> in SVG provides a very powerful ability to create amazing text effect that can be easily changed and edited within the SVG code. SVG text is fully accessible, searchable, selectable and 100% semantic. So here are 20 amazing & cool SVG text effects that will give you ideas as a starting point for creating cool SVG content.

25 Amazing CSS Range Slider Designs

Range slider is a very intuitive user interface with one or two handles to allows user to choose a value within a limited range. The user drags a handle along one dimension to set a value. A typical slider usually can be found in color picker where we can drag the arrow left and right to pick the right RGB value. So here are 25 examples of CSS range sliders that will engage the user in an interactive and easy way of selecting a range of values.

50 Interesting CSS Image, Button & Text Hover Effects

Hover effects display information or create movement when you move your cursor over an image. This adds a subtle level of interaction and animation to your site and can be a great way to reveal titles and captions. They are mostly used in designs for improving styling and usability. Hover effects add extra energy to websites and enhance the experience of the users. So in this post I’m going to share 50 interesting CSS image, button and text hover effects.

50 Excellent Examples Of Mobile App Animation Concept

Todays mobile apps hardly avoid interface animations. Even the simplest and imperceptible interface element animations makes the user contact more realistic. The efficient development of UI mobile app animation can be vital to the success of the mobile app, distinguish it among competitors and even engage fans. It also improve the usability and users loyalty. So in this post we`ve put together 50 Excellent Examples Of Mobile App Animation Concept.

30 Mindblowing Examples Of SVG Animation

SVG was prominent in 2015 and it is taking mainstream in 2016 also as it presents graphics as vectors which can scale irrespective of the resolution of the device they are viewed on. Even Google redesigned its logo to a clearer and smaller SVG file. SVG also simplifies the creation of animated and interactive graphics. Below, you will see some mindblowing examples of SVG animation in action.