Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Use the perspective-origin property to specify the bottom position of 3D elements.You can try to run the following code to implement the perspective-origin property:ExampleLive Demo .demo1 { position: relative; width: 150px; height: 150px; background-color: yellow; perspective: 80px; margin: 50px; perspective-origin: left; } .demo2 { position: absolute; padding: 20px; background-color: orange; transform-style: preserve-3d; transform: rotateX(45deg); } Rotation Demo Demo
Given a string that has set of words and spaces, our task is to move all spaces to front of string, by traversing the string only once. We will solve this problem quickly in Python using List Comprehension.ExampleInput: string = "python program" Output: string= “ pythonprogram"AlgorithmStep1: input a string with word and space. Step2: Traverse the input string and using list comprehension create a string without any space. Step 3: Then calculate a number of spaces. Step 4: Next create a final string with spaces. Step 5: Then concatenate string having no spaces. Step 6: Display string.Example Code# Function to ... Read More
A string is given, our task is to slicing the string into two way. One is clockwise and another anticlockwise.1. Left (Or anticlockwise) rotate the given string by d elements (where d pythonprogram Left Rotation: thonprogrampy Right Rotation: ampythonprogr
Use the CSS perspective property to specify the perspective on how 3D elements are viewed.You can try to run the following code to achieve thisExampleLive Demo .demo1 { position: relative; width: 150px; height: 150px; background-color: yellow; perspective: 80px; margin: 50px; } .demo2 { position: absolute; padding: 20px; background-color: orange; transform-style: preserve-3d; transform: rotateX(45deg); } Rotation Demo Demo
Here n is given value which is positive number m is the number of times till which the series run. Our task is to calculate this series.AlgorithmStep 1: Input n, m; Step 2: Converting the number to string. Step 3: Initializing result as number and string. Step 4: Adding remaining terms. Step 5: Concatenating the string making n, nn, nnn... Step 6: Before adding converting back to integer. Step 7: return sum.Example Code# Python program to sum the series def sumofseries(n, m): str1 = str(n) sum1 = n sumofstr1 = str(n) for i in range(1, m): ... Read More
Given a string, our task is to check if both halves of the string have the same set of characters or not. To solve this problem we first split the string from the middle, so we get two halves, now we check each halves having the same set of characters or not. If the length of the string is not even then ignore the middle element and check for the rest.AlgorithmStep 1: Given a string. Step 2: Break the input string into two parts. Step 3: Then convert both parts into a dictionary using Counter(iterator) method and each dictionary contains ... Read More
To specify the perspective on how 3D elements are viewed, use the CSS perspective property.You can try to run the following code to work with perspective property:ExampleLive Demo .demo1 { position: relative; width: 150px; height: 150px; background-color: yellow; perspective: 80px; margin: 50px; } .demo2 { position: absolute; padding: 20px; background-color: orange; transform-style: preserve-3d; transform: rotateX(45deg); } Rotation Demo Demo
To specify how nested elements are rendered in 3D space, use the transform-style property in CSS.You can try to run the following code to implement the transform-style property:ExampleLive Demo .demo1 { width: 300px; height: 300px; background-color: yellow; } .demo2 { width: 200px; height: 200px; background-color: orange; } .demo3 { width: 100px; height: 100px; background-color: blue; transform: rotate(10deg); transform-origin: 30% 40%; transform-style: preserve-3d; } Rotation Demo Demo Demo
To change the position on transformed elements with CSS, use the transform-origin property.You can try to run the following code to change the position:ExampleLive Demo .demo1 { width: 300px; height: 300px; background-color: yellow; } .demo2 { width: 200px; height: 200px; background-color: orange; } .demo3 { width: 100px; height: 100px; background-color: blue; transform: rotate(10deg); transform-origin: 30% 40%; } Rotation Demo Demo Demo
Use the CSS background-origin property to set the content-box value. With the content-box value, the background image begins from the upper left corner of the content.You can try to run the following code to implement the content-box value:ExampleLive Demo #value1 { border: 3px solid blue; padding: 30px; background: url(https://www.tutorialspoint.com/assets/videotutorials/courses/html_online_training/380_course_216_image.jpg); background-repeat: no-repeat; background-origin: padding-box; } ... Read More