Posts

multiple transforms in css

Image
MULTIPLE TRANSFORMS IN CSS   while coding you may encounter how to use two transformations to one single division ...... if your code doesn't work when you code lilke this div{     transform:rotate(30deg);     transform:translate(200px); } /* your division only gets translated but not rotated but not rotated           if you code like above , only the last line(last style with same property) will be executed */ so now to fix your code i have a technique that is    use two properties followed by a space like this (below) div{     transform: rotate(30deg)  translate(200px); } but remember if you code like this the div gets rotated first and then it is translated if you want your division to get translated first and then get rotated then code like this div{     transform:  translate(200px)  rotate(30deg)  ; } please watch this video to know how to use multiple transforms for one divisio...

DIGITAL CLOCK SOURCE CODE

Image
 DIGITAL CLOCK   source code click this link to get pdf of source code <! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   http-equiv = "X-UA-Compatible"   content = "IE=edge" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > Document </ title >      < link   rel = "preconnect"   href = "https://fonts.googleapis.com" > < link   rel = "preconnect"   href = "https://fonts.gstatic.com"   crossorigin > < link   href = "https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap"   rel = "stylesheet" > < link   rel = "preconnect"   href = "https://fonts.googleapis.com" > < link   rel = "preconnect"   href ...