Using For loop with animation delay
The following way is an easy SCSS for loop that will generate child classes to delay animations of divs with the same class. .service{ position: relative; padding: $padding_l 0px;Read More
Search Result for: Design Category
Articles
Advertising banner sizes
The following are the most common sizes used in advertising banners, and they're commonly usedRead More
Creating a template object
This might come in handy when using elements such as creating a menu on a page you want to show on different layouts. Go to windows symbols Select and group the object that youRead More
CSS Transition
Using CSS transition makes things super easy to animate objects with just some simple CSS. Note that this is not supported inRead More
Setting the SCSS Output Folder
Use the code to set the output directory of a SCSS file. sass --watch input-dir:output-dirRead More
Getting input and textarea fields to match up in width.
Both input and text area fields seam to use different measures of width. To get them to match up add this to the style of a Text and Input fields: width: 100%; -webkit-box-sizing:Read More
Adding a @mixin
Mixins are one awesome little tool you can use in SCSS, to pull in code that could be commonly used in a variety of locations. Mixins do act like mini CSS functions. This is aRead More
Drop shadow
Text Shadow name-of-div { text-shadow: 2px 2px 2px #ff0000; } text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit; Box or object based shadow Outer shdow .shadowRead More