Tag: HTML5. css3


11

Apr 2016

Google Maps – 45° Perspective View

The map types SATELLITE and HYBRID support a 45° perspective imagery view for certain locations (only at high zoom levels). If you zoom into a location with 45° imagery view, the map will automatically alter the perspective view. In addition, the map will add: A compass wheel around the Pan control, allowing you to rotate the image A Rotate control between the Pan and Zoom...

Read More


01

Apr 2016

jQuery Method Chaining

With jQuery, you can chain together actions/methods. Chaining allows us to run multiple jQuery methods (on the same element) within a single statement. OUTPUT: jQuery is fun!! Click me


01

Apr 2016

Stroke Properties in SVG

SVG Stroke Properties SVG offers a wide range of stroke properties. In this chapter we will look at the following: stroke stroke-width stroke-linecap stroke-dasharray All the stroke properties can be applied to any kind of lines, text and outlines of elements like a circle.   SVG stroke Property The stroke property defines the color of a line, text or outline of an element. Here the...

Read More


01

Apr 2016

Text Editing in SVG

SVG Text – <text> The <text> element is used to define a text. Here the SVG code : Output :  Example 2 Rotate the text. Here the SVG code : Output : Example 3 Text as a link (with the <a> element). Here the SVG code : Output : I love SVG!  


01

Apr 2016

Defining path in SVG

SVG Path – <path> The <path> element is used to define a path. The following commands are available for path data: M = moveto L = lineto H = horizontal lineto V = vertical lineto C = curveto S = smooth curveto Q = quadratic Bézier curve T = smooth quadratic Bézier curveto A = elliptical Arc Z = closepath Note: All of the commands...

Read More


01

Apr 2016

How to create a Polyline in SVG

SVG Polyline – <polyline> Example 1 The <polyline> element is used to create any shape that consists of only straight lines. Here the SVG code : Output : Example 2 Another example with only straight lines. Here the SVG code : Output :


01

Apr 2016

How to create polygon in SVG

SVG Polygon – <polygon> The <polygon> element is used to create a graphic that contains at least three sides. Polygons are made of straight lines, and the shape is “closed” (all the lines connect up). Example 1 The following example creates a polygon with three sides.Here is the SVG code: Output : Code explanation: The points attribute defines the x and y coordinates for each...

Read More


31

Mar 2016

describe jQuery fadeTo() method

The jQuery fadeTo() method allows fading to a given opacity (value between 0 and 1). Syntax: $(selector).fadeTo(speed,opacity,callback); OUTPUT : Demonstrate fadeTo() with different parameters. Click to fade boxes