CSS Animation 20 - perspective types

  Рет қаралды 1,132

VirtualAddiction

VirtualAddiction

Күн бұрын

Пікірлер: 5
@leeeric6292
@leeeric6292 3 жыл бұрын
I try to do the same as you mentioned in your video, however, not successful for the parent type, no matter how I try. I see in your code that there is a class "box b1" for each box (I also note that you have remark you don't use b1, b2..etc in this assignment ),but the b1, b2..etc didn't show in your css part,so I wonder is there something I missed? I tried to apply the parent perspective type on the "orig" class, (.group {perspectives: 200px;}, .orig {transform : rotatex(45deg);}) it works, but this logic don't apply on the .group .box ( the html page only shows the rotate transform result, cannot see the perspective part.)
@larrybreyer4066
@larrybreyer4066 Жыл бұрын
What browser is being used? Firefox and Safari (both on Mac) render the same as each other, but different from the tutorial at 4:40. The orig images, and the title, in the lower set show same perspective as the boxes.
@manuelvaal1257
@manuelvaal1257 5 ай бұрын
getting a lot from this animation serie 😂
@pawanshrestha3823
@pawanshrestha3823 3 жыл бұрын
Or does it mean that in perspective function, three boxes are being viewed by three different person and in perspective property which is set in parent container, three boxed are being viewed from a single person?????? Please reply, i've been struggling to understand this.
@pawanshrestha3823
@pawanshrestha3823 3 жыл бұрын
Now i know that setting the perspective property on parent means we are seeing all the objects inside of parent from a single perspective of a person and transform: perspective() means that each boxes is being looked at by a person from their own perspective. Am i right emily? or did i fail to understand it once again?
CSS Animation 21 - perspective origin
3:48
VirtualAddiction
Рет қаралды 1,6 М.
CSS basics, an introduction to selectors
15:33
VirtualAddiction
Рет қаралды 325
黑天使被操控了#short #angel #clown
00:40
Super Beauty team
Рет қаралды 59 МЛН
Мен атып көрмегенмін ! | Qalam | 5 серия
25:41
coco在求救? #小丑 #天使 #shorts
00:29
好人小丑
Рет қаралды 109 МЛН
CSS basics, an introduction to basic text formatting properties
12:52
Why are soft skills important?
4:34
VirtualAddiction
Рет қаралды 1,1 М.
html css animation   html css orbit animation
2:47
Doolot Tech
Рет қаралды 58
Mastering effective techniques for presentations
5:06
VirtualAddiction
Рет қаралды 237
Masters didn't rely on inspiration and you shouldn't either
25:20
Zarty - Music
Рет қаралды 10 М.
Learn soft skills
7:13
VirtualAddiction
Рет қаралды 677
Memory Game with JS
7:14
Josue Raudales
Рет қаралды 1
Clear communication in web design
4:26
VirtualAddiction
Рет қаралды 302
Unlocking Your Career Potential: Mastering Work-Related Social Media
12:22
黑天使被操控了#short #angel #clown
00:40
Super Beauty team
Рет қаралды 59 МЛН