Css3

Aquilo que se faz por amor está sempre além do bem e do mal. Friedrich Nietzsche. O nosso tão querido (e muitas vezes odiado) css está em uma evolução bem bacana, hoje em dia conseguimos fazer coisas bem legais com, se você quiser acompanhar algumas dessas novas features só clicar…

Here, I’m going to share the topics that one must know to be a CSS Developer. This article is for all of them no matter what if you are a beginner in CSS or you may have a considerable amount of experience in writing CSS or you might be a…

今天在工作上遇到了一件奇怪的bug，網頁的每個標籤寫死了font-size:12px;，用電腦或手機使用chrome打開網頁，文字的顯示都沒有問題，但是當用safari打開時，奇怪的事情發生了，每個段落的文字大小竟然不一樣，試了好多方式例如使用important加上權重還是無法讓變大的文字限制為12px，大家看到這樣知道是什麼問題了嗎? 嘗試很多關鍵字終於發現這篇文章：https://stackoverflow.com/questions/3226001/some-font-sizes-rendered-larger-on-safari-iphone 發文者也出現和我相同的問題，safari竟然無視了文字大小的設定，幸好底下馬上有人給出了解答! @media screen and (max-device-width: 480px){ body{ -webkit-text-size-adjust: none; } }

CSS transforms allow you to move, rotate, scale, and skew elements. It modifies the coordinate space of the CSS visual formatting model. A transformation is applied to the coordinate system an element renders into through the transform property. 2D Transform Methods The methods for 2D Transforms are — translate() rotate() scaleX() scaleY() scale() …

Css ile İlgili Bilmemiz Gerekenler: HTML bize metin biçimlendirme için birçok imkan sunar. Css de bu metinlerin font, renk, stil, büyüklük gibi özelliklerini değiştirmek için kullanılır. HTML ögelerini isimlerini ve etiketlerine göre seçmek için de CSS seçicileri kullanılır. HTML ‘ de idlere özellik vermek için ‘#’ ifadesini kullanırız. Örneğin; #container…

CSS Units In CSS, there are many properties that take “length” values. Example:- width, margin, padding, font-size, etc. This length value is followed by some unit like px, rem , em etc. p { font-size: 25px; line-height: 50px; } A whitespace cannot appear between the number and the unit. There are two…

Gradients lets you display smooth transitions between two or more specified colors. There are three types of gradients: Linear Gradients (goes down/up/left/right/diagonally) Radial Gradients (defined by their center) Conic Gradients (rotated around a center point) CSS Linear Gradients You must define at least two color stops You can also set a starting point and…

這次想嘗試寫圖片的hover特效，原始圖片套有模糊的濾鏡的屬性，且有border框，當滑鼠進入圖片，模糊的濾鏡和內框會消失，並且圖片放大。 HTML結構 <div class="classification card border-0"> <img src="../../../public\image\tshirt-item.jpg" class="vh- …

CSS Combinators A combinator is something that explains the relationship between the selectors. Between the simple selectors, we can include a combinator. There are 4 types of combinators :- descendant selector (space) child selector (>) adjacent sibling selector (+) general sibling selector (~) #Descendant Selector typically represented by a single space (“ “) combines…