Thursday, June 1, 2023

Class 6 ex1 Q3

Chapter no. 1

Exercise# 1.1

Q.NO.3 Di gai fesad ko asharia mein tabdeel kijiye jb k jawab teen darga  asharia tak drust ho




vii. 180%
=180/100
=1.8





viii. 145%
=145/100
=1.45
ix. 5  1/2%




=5.5%
=55/10
=55/10x100
=55/1000
=0.055




x. 5 1/3%
=16/3%
=16/3x100
=16/300
=0.053





xi. 48  2/3%
=146/3%
=146/3x100
=146/300
=0.486





xii. 58  1/3%
=175/3%
=175/3x100
=175/300
=0.583

Wednesday, May 31, 2023

Class 5 ex1 Q3

 Chapter no. 1

Exercise # 1.1

Q.NO.3 Di gai fesad ko asharia mein tabdeel kijiye jb k jawab teen darga  asharia tak drust ho



i. 47%

=47/100

=0.47



ii. 58%

=58/100

=0.58




iii. 92%

=92/100

=0.92




iv. 8%

=8/100

=0.08




v. 12%

=12/100

=0.12




vi. 120%

=120/100

=1.2


Tuesday, May 30, 2023

Class 4 ex1 Q2

 Chapter no. 1

Exercise # 1.1

Q.NO.2 Darjzail kasoor ko fesad ki shakal mein likhiye 




vii. 23/60

=23x100/60

=2300/60%

=38.3%




viii. 8/3

=8x100/3

=800/3%

=266.7%

ix. 8/5

=8x100/5

=800/5%

=160%




x. 7/8

=7x100/8

=700/8%

=87.5%




xi. 5/8

=5x100/8

=500/8%

=62.5%




xii. 3/8

=3x100/8

=300/8%

=37.5%

Sunday, May 28, 2023

Class 3 ex1 Q2

 Chapter no. 1

Exercise # 1.1

Q.NO.2 Darjzail kasoor ko fesad ki shakal mein likhiye 



i. 3/4

=3x100/4

=300/4%

=75%




ii. 3/5

=3x100/5

=300/5%

=60%



iii. 4/25

=4x100/25

=400/25%

=16%




iv. 13/20

=13x100/20

=1300/20%

=65%




v. 31/25

=31x100/25

=3100/25%

=124%



vi. 21/40

=21x100/40

=2100/40%

=52.5%


Saturday, May 27, 2023

Class 2 ex1 Q1

Chapter no. 1

Exercise # 1.1

Q.NO.1   Darjzail fesad ko kasroon ki asan shakal mein waziah kijiye






viii.  33   1/2%
=33.5
Point  khatm krny sy
=335/10
=335/10x100
=335/1000
5 pr divide krny sy
=67/200




ix. 37   1/2%
=37.5
Point khatm krny sy
=375/10
=375/10x100
=375/1000
5 pr divide krny sy
=75/200
5 pr divide krny sy
=15/40
5 pr divide krny sy
=3/8





x. 87  1/2%
=87.5
Point khatm krny sy
=875/10
=875/10x100
=875/1000
5 pr divide krny sy
=175/200
5 pr divide krny sy
=35/40
5 pr divide krny sy
=7/8
xi. 5  1/4%
=5.25
Point khatm krny sy
=525/100
=525/100x100
=525/10000
5 pr divide krny sy
=105/2000
5 pr divide krny sy
=21/400




xii. 42  1/2%
=42.5
Point khatm krny sy
=425/10
=425/10x100
=425/1000
5 pr divide krny sy
=85/200
5 pr divide krny sy
=17/40


Thursday, May 25, 2023

Class 1 ex1 Q1

 Chapter no. 1

Exercise # 1.1

Q.NO.1   Darjzail fesad ko kasroon ki asan shakal mein waziah kijiye


i.     95%

= 95/100

5 pr divide krny  sy

=19/20


ii.   65%   

=65/100

5 pr divide krny sy

=13/20


iii. 75%   

=75/100

5 pr divide krny sy

=3/4


iv. 25%   

=25/100

5 pr divide krny sy

=1/4


v. 56%r 

=56/100

2 pr divide krny sy

=28/50

2 pr divide krny sy

=14/25


vi. 48% 

=48/100

2 pr divide krny sy

=24/50

2 pr divide krny sy

=12/25


vii. 8%   

=8/100

2 pr divide krny sy

=4/50

2 pr divide krny sy

=2/25

Sunday, May 21, 2023

how to Make a 3d slider with html and css

Slide 1

Slide 2

Slide 3

Slide 1

Slide 2

Slide 3

.slider-container { width: 400px; height: 300px; perspective: 1000px; margin: 0 auto; } .slider { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; animation: slide-rotate 15s infinite; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } .slide { position: absolute; width: 90%; height: 90%; top: 5%; left: 5%; backface-visibility: hidden; transform-style: preserve-3d; display: flex; justify-content: center; align-items: center; color: white; font-size: 24px; font-weight: bold; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); border-radius: 10px; transform: translateZ(-200px); } .slide1 { background-color: #ff6384; } .slide2 { background-color: #36a2eb; transform: translateZ(0); } .slide3 { background-color: #cc65fe; transform: translateZ(200px); } @keyframes slide-rotate { 0% { transform: rotateY(0); } 25% { transform: rotateY(-90deg); } 50% { transform: rotateY(-180deg); } 75% { transform: rotateY(-270deg); } 100% { transform: rotateY(-360deg); } }

Certainly! The code provided is an HTML and CSS implementation of a 3D slider. Here's a description of the code and its functionality:


HTML:

- The slider is contained within a `<div>` element with the class "slider-container".

- Inside the container, there is another `<div>` element with the class "slider" that holds the slides.

- The slides are represented by `<div>` elements with the classes "slide slide1", "slide slide2", and "slide slide3". Each slide contains an `<h1>` element with the slide's content.


CSS:

- The ".slider-container" class sets the dimensions of the slider container and applies a perspective effect to create the 3D view.

- The ".slider" class represents the container for the slides and specifies its positioning and appearance.

- The ".slide" class represents each individual slide. It sets the position, dimensions, and styling of the slides, such as their background color, font size, font weight, box shadow, and border radius.

- The ".slide1", ".slide2", and ".slide3" classes define the specific styles for each slide.

- The "@keyframes slide-rotate" rule specifies the animation of the slider. It rotates the slider around the Y-axis at different percentages to create a spinning effect.


The code positions the slides in a 3D space using the `translateZ` property. Each slide is positioned at a different distance from the viewer, allowing them to overlap and create a 3D effect. The slides rotate around the Y-axis to create a spinning motion.


Please note that this code provides a basic foundation for a 3D slider, and you can further customize it according to your preferences by adjusting the styles, dimensions, animation timings, or adding additional functionality.


Let me know if you need any further clarification or assistance!

Recent added

TypeScript Class 5

Common Syntax Errors in TypeScript and How to Avoid Them Syntax errors are among the most common issues developers encounter when writing Ty...