You can try to run the following code to implement skew transforms along with x-axis using CSS −ExampleLive Demo div { width: 300px; height: 100px; background-color: pink; border: 1px solid black; } div#skewDiv { /* IE 9 */ -ms-transform: skewX(20deg); /* Safari */ - webkit-transform: skewX(20deg); /* Standard syntax */ transform: skewX(20deg); } Tutorials point.com. Tutorials point.com Output
Yes, we can access the local final variables using the method local inner class because the final variables are stored on the heap and live as long as the method local inner class object may live.Method Local Inner ClassA local inner class instance can be delivered as an argument and retrieved from the methods and it is available inside a valid scope.The only limitation in method local inner class is that a local parameter can be executed only when it is defined as final.The method executing the local parameters can be called after the execution of the method, within which the local inner ... Read More
Used to translateY(n) method to transform the element along with y-axis.Let us see the syntax:translateY(n)Here, n is a length representing the abscissa of the translating vector.ExampleLet us see an example −div { width: 50px; height: 50px; background-color: black; } .trans { transform: translateY(20px); background-color: orange; }
To add two strings we need a '+' operator to create some space between the strings, but when the first string itself has a space with in it, there is no need to assign space explicitly. In the following example since the string 'str1' has a space with in it, just only concatenation without space is adequate to add both the strings.ExampleLive Demo function str(str1, str2) { return (str1 + str2); } document.write(str("tutorix is the best ", "e-learning platform")); Outputtutorix is the best ... Read More
The multi-column rule-width property is used to specify the column width. You can try to run the following code to implement rule-width property using CSS:ExampleLive Demo .multi { /* Column count property */ -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; /* Column gap property */ -webkit-column-gap: 40px; ... Read More
We will face two cases while calling the parent constructor method in child class.Case1We can't run directly the parent class constructor in child class if the child class defines a constructor. In order to run a parent constructor, a call to parent::__construct() within the child constructor is required.Example Live DemoOutput: I am in Tutorials Point I am not in Tutorials PointExplanationIn the above example, we have used parent::__construct() to call the parent class constructor.Case2If the child does not define a constructor then it may be inherited from the parent class just like a normal class method(if it was not declared as ... Read More
To convert the XML document into PHP array, we have to utilize some PHP functions. The procedure is explained underneath with an example.Step 1We have to create an XML file that needs to convert into the array.abc.xml AL A SA S Step 2The above XML file will import into PHP using file_get_contents() function which read the entire file as a string and stores into a variable.Step 3After the above step, we ... Read More
CSS3 added shadow effects to text, with the text-shadow property. You can try to implement the following code to add text shadow −ExampleLive Demo h1 { text-shadow: 2px 2px; } h2 { text-shadow: 2px 2px red; } h3 { text-shadow: 2px 2px 5px red; } h4 { color: white; text-shadow: 2px 2px 4px #000000; } h5 { text-shadow: 0 0 3px #FF0000; } h6 { text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF; } p { color: white; text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue; } Welcome to my website! Welcome to my website! Welcome to my website! Welcome to my website! Welcome to my website! Welcome to my website! Welcome to my website! Output
Gradients display the combination of two or more colors.The following are the types of gradients:Types of gradientsLinear Gradients(down/up/left/right/diagonally)Radial GradientsExampleLet us see an example of radial gradients:Live Demo #grad1 { height: 100px; width: 550px; background: -webkit-radial-gradient(red 5%, green 15%, pink 60%); background: -o-radial-gradient(red 5%, green 15%, pink 60%); background: -moz-radial-gradient(red 5%, green 15%, pink 60%); background: radial-gradient(red 5%, green 15%, pink 60%); }
You can try to run the following code to implement left to right gradient in CSS3ExampleLive Demo #grad1 { height: 100px; background: -webkit-linear-gradient(left, red , blue); background: -o-linear-gradient(right, red, blue); background: -moz-linear-gradient(right, red, blue); background: linear-gradient(to right, red , blue); }
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP