ChatLog New Batch Webtechnologies by MR Kishore - QSP 2021 - 05 - 21 16 - 10

Chat Log C:\Users\Rishabh upadhayay\Documents\ChatLog New Batch
Webtechnologies by Mr Kishore__QSP 2021_05_21 16_10.rtf
kamal rohith (to Everyone): 02:40 PM: no sir

Shaik Mohammad Rabbani Basha (to Everyone): 02:40 PM: no sir
Alok kumar Das (to Everyone): 02:40 PM: no sir
Marripati Manohar (to Everyone): 02:40 PM: no sir
prasad putta (to Everyone): 02:40 PM: no sir
prasad putta (to Everyone): 02:42 PM: yes sir
kamal rohith (to Everyone): 02:44 PM: yes sir
DINESH JHA (to Everyone): 02:44 PM: yes sir
Soumya Darshan Behera (to Everyone): 02:46 PM: ???
prasad putta (to Everyone): 02:46 PM: no sir
Madapuram Manjunath (to Everyone): 02:48 PM: scroll down sir
Nagarathna Degala (to Everyone): 02:50 PM: done sir
prasad putta (to Everyone): 02:56 PM: yes ssir
Marripati Manohar (to Everyone): 02:56 PM: yes sir
prasad putta (to Everyone): 02:57 PM: yessir
Subham Kumar Shaw (to Everyone): 02:57 PM: yes sir
prasad putta (to Everyone): 02:58 PM: nice sair
prasad putta (to Everyone): 03:02 PM: transferance
prasad putta (to Everyone): 03:02 PM: ok sir
Divya Ranjan Dash (to Everyone): 03:03 PM: transition
Thammineni Bhagath (to Everyone): 03:04 PM: yes sir
Jeel (to Everyone): 03:04 PM: Can we write directly #rahulText:hover?
Jeel (to Everyone): 03:04 PM: Ok
DINESH JHA (to Everyone): 03:07 PM: scroll sir
saideepa k (to Everyone): 03:08 PM: scroll
saideepa k (to Everyone): 03:11 PM: s sir
DINESH JHA (to Everyone): 03:11 PM: yes sir
SkillRary Teacher (to Everyone): 03:11 PM: <html>
<head>
<title>CSS TRANSFORMS</title>
<style>
div
{
width:300px;
height:350px;
margin:100px auto;
box-shadow:0 0 10px black;
border-radius:20px;
/*border:4px solid black;*/
overflow:hidden;
position:relative;
}
div img
{
width:inherit;
height:inherit;
border-radius:inherit;
filter:grayscale(100%);
transition:all 2s;
}
div:hover img
{
transform:scale(1.2,1.2);
filter:grayscale(0%);
}
#rahulText
{
position:absolute;
top:-100px;
left:0px;
background-color:rgba(0,0,0,0.4);
color:white;
padding:5px;
transition:all 2s;
}
div:hover #rahulText
{
transform:translateY(-100%);
}
</style>
</head>
<body>
<div>
<img src="../IMAGES/rahul.jpg" alt="">
<div id="rahulText">
<p>Anim nisi id quis aliqua cupidatat dolore ad consectetur
id sint do adipisicing in veniam. Quis reprehenderit est laborum fugiat ut dolor eiusmod
anim qui quis nulla in sint voluptate consequat et.
Anim nisi id quis aliqua cupidatat dolore ad consectetur id
sint do adipisicing in veniam. Quis reprehenderit est laborum fugiat ut dolor eiusmod
anim qui quis nulla in sint voluptate consequatAnim nisi id quis aliqua cupidatat dolore
ad consectetur id sint do adipisicing in veniam. Quis reprehenderit est laborum fugiat ut
dolor eiusmod anim qui quis nulla in sint voluptate consequat
Anim nisi id quis aliqua cupidatat dolore ad consectetur id sint do
adipisicing in veniam. Quis reprehenderit est laborum fugiat ut dolor eiusmod anim qui
quis nulla in sint voluptate consequat</p>
</div>
</div>
</body>
</html>
prasad putta (to Everyone): 03:11 PM: hahaha
saideepa k (to Everyone): 03:19 PM: take it as -Y sir
<head>
<title>CSS TRANSFORMS</title>
<style>
div
{
box-shadow:0 0 10px black;
width:400px;
height:270px;
border-radius:20px;
margin:100px auto;
overflow:hidden;
position:relative;
}
div img
{
width:inherit;
height: inherit;
border-radius:inherit;
transform:translateX(100%);
transition:all 3s;
}
div:hover img
{
transform:translateX(0%);
}
#shivaText
{
position:absolute;
left:0px;
top:-100px;
background:linear-
gradient(45deg,darkred,darkslategrey,brown);
padding:5px;
color:white;
transition:all 2s;
}
div:hover #shivaText
{
transform:translateY(-100%);
}
#leftdoor
{
position:absolute;
top:-100px;
left:0px;
width:50%;
background-color:blue;
border-radius:20px 0px 0px 20px;
transition:all 2s;
transform-origin:left;
}
div:hover #leftdoor
{
transform:perspective(200px) rotateY(90deg);
}
#rightdoor
{
position:absolute;
top:-100px;
left:50%;
width:50%;
background-color:orange;
border-radius:0px 20px 20px 0px;
transition:all 2s;
transform-origin:right;
}
div:hover #rightdoor
{
transform:perspective(200px) rotateY(-90deg);
}
</style>
</head>
<body>
<div>
<img
src="https://upload.wikimedia.org/wikipedia/commons/b/b4/Murudeshwar_Shiva.jpg"
alt="">
<div id="shivaText">
<p>Nisi minim tempor esse mollit sed eiusmod veniam ut
velit nostrud dolor non commodo ut labore enim amet. Incididunt sit dolore in et aute
exercitation laborum incididunt aliqua. Ut in non occaecat proident dolore et excepteur
fugiat do laborum veniam consequat deserunt dolor veniam eiusmod velit irure. Duis
incididunt do dolor ut in culpa cupidatat dolore cillum occaecat non magna. Lorem
ipsum anim eiusmod labore cupidatat est pariatur fugiat in duis est sit.
Sed adipisicing id commodo mollit nisi est duis labore irure
enim consequat velit adipisicing consequat exercitation magna. Sed fugiat ut dolor
aliquip proident ullamco nisi laborum esse eiusmod dolore voluptate labore magna.
Lorem ipsum nisi id eu incididunt commodo labore id sit aute consectetur consectetur
veniam exercitation ut sit velit incididunt.</p>
</div>
<div id="leftdoor">
</div>
<div id="rightdoor">
</div>
</div>
</body>
</html>
Venkateswarlu Chejarla (to Everyone): 03:46 PM: Voice is coming...???
Venkateswarlu Chejarla (to Everyone): 03:47 PM: Ok. Sir
prasad putta (to Everyone): 03:48 PM: done sir
Krishna Manjunath (to Everyone): 03:48 PM: Yes sir
prasad putta (to Everyone): 03:48 PM: ok sir
prasad putta (to Everyone): 03:53 PM: great
prasad putta (to Everyone): 03:54 PM: @keyframes we use
prasad putta (to Everyone): 03:58 PM: clock and anti clocl
<head>
<title>CSS ANIMATIONS</title>
<style>
div
{
margin:170px 350px;
background-color:yellow;
color:red;
width:90px;
height:90px;
border-top:7px solid blue;
border-bottom:7px solid blue;
border-right:14px solid red;
border-left:14px solid green;
border-radius:50%;
/*animation-name:rotate;
animation-duration:1s;
animation-timing-function:linear;
animation-delay:0s;
animation-iteration-count:infinite;
animation-direction:alternate;*/
animation:rotate 1s linear 0s infinite alternate;
}
@keyframes rotate
{
0%
{
transform:perspective(200px) rotateZ(0deg);
}
100%
{
}
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>
DINESH JHA (to Everyone): 04:00 PM: sequence
<head>
<title>CSS ANIMATIONS</title>
<style>
div
{
margin:170px 350px;
background-color:yellow;
color:red;
width:90px;
height:90px;
border-top:7px solid blue;
border-bottom:7px solid blue;
border-right:14px solid red;
border-left:14px solid green;
border-radius:50%;
/*animation-name:rotate;
animation-duration:1s;
animation-timing-function:linear;
animation-delay:2s;
animation-iteration-count:infinite;
animation-direction:alternate;*/
animation:rotate 1s linear 2s infinite alternate;
}
@keyframes rotate
{
0%
{
}
100%
{
}
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>
prasad putta (to Everyone): 04:05 PM: cant sir
Alok kumar Das (to Everyone): 04:07 PM: yes sir
prasad putta (to Everyone): 04:07 PM: all r goole
Narayana Rao (to Everyone): 04:08 PM: Yes sir

ChatLog New Batch Webtechnologies by MR Kishore - QSP 2021 - 05 - 21 16 - 10

Uploaded by

Copyright:

Available Formats

You might also like

ChatLog New Batch Webtechnologies by MR Kishore - QSP 2021 - 05 - 21 16 - 10

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

ChatLog New Batch Webtechnologies by MR Kishore - QSP 2021 - 05 - 21 16 - 10

Uploaded by

Copyright:

Available Formats

Chat Log C:\Users\Rishabh upadhayay\Documents\ChatLog New Batch

Webtechnologies by Mr Kishore__QSP 2021_05_21 16_10.rtf

kamal rohith (to Everyone): 02:40 PM: no sir

animation:rotate 1s linear 0s infinite alternate;

animation:rotate 1s linear 2s infinite alternate;

You might also like