recentpopularlog in

slmeyer : css   40

Spectrum | Hugo Themes
Tags: responsive flexbox no-javascript bulma customizable mobile
Main  features  Fully  Responsive  Ready.  Powered  by  bootstrap  css  framework.  Well  Crafted  for  Portfolio/Business/Agency  Documented  codes. 
7 weeks ago by slmeyer
Syna | Hugo Themes
Tags: customizable blog responsive clean personal bootstrap portfolio company projects mobile search documentation
Main  features  Fully  Responsive  Ready.  Powered  by  bootstrap  css  framework.  Well  Crafted  for  Portfolio/Business/Agency  Documented  codes. 
7 weeks ago by slmeyer
Kross Hugo Portfolio Template | Hugo Themes
Tags: landing-page fast light white modern themefisher hugo-theme hugo-templates bootstrap blog responsive clean simple creative contact-form custom-themes mobile minimalistic pages resume portfolio google analytics customizable flexbox presentation product theme typography
Main  features  Fully  Responsive  Ready.  Powered  by  bootstrap  css  framework.  Well  Crafted  for  Portfolio/Business/Agency  Documented  codes. 
7 weeks ago by slmeyer
Hugo Tranquilpeak Theme | Hugo Themes
Tags: blog minimal responsive personal customizable creative fontawesome highlight.js
Main  features  Fully  Responsive  Ready.  Powered  by  bootstrap  css  framework.  Well  Crafted  for  Portfolio/Business/Agency  Documented  codes. 
7 weeks ago by slmeyer
html - css hamburger menu for drop down navigation - Stack Overflow
You can achieve this without jQuery or JavaScript. All you need to use are CSS media queries. Media queries allow you to only show content when certain conditions are met. In this case, your viewport width must fit certain constraints.

The basic format for a media query is:

@media (/* Condition */) {
/* CSS for when condition is met. */
}
CSS  web  design 
january 2019 by slmeyer
Interactive SVG-SMIL animation tutorial - EduTech Wiki
SVG-SMIL allows to use user events such as a mouse click. Something like Button.click allows to refer to a click event on an SVG element that has id=Button
SVG  CSS  web  design  Development 
january 2019 by slmeyer
list-style-image | MDN
/* Keyword values */
list-style-image: none;

/* <url> values */
list-style-image: url('starsolid.gif');
CSS  web  design  Development 
january 2019 by slmeyer
css - How to center absolutely positioned element in div? - Stack Overflow
.parent {
position: relative;
}

.child {
position: absolute;

top: 0;
right: 0;
bottom: 0;
left: 0;

margin: auto;
}
CSS  web  design 
january 2019 by slmeyer
CSS transition-timing-function Property
ease Default value. Specifies a transition effect with a slow start, then fast, then end slowly (equivalent to cubic-bezier(0.25,0.1,0.25,1))
web  Development  learning  CSS 
december 2018 by slmeyer
CSS Layout - The position Property
Because the image has a z-index of -1, it will be placed behind the text.
web  Development  learning  CSS 
december 2018 by slmeyer
CSS Animations
/* The animation code */
@keyframes example {
  0%   {background-color: red;}
  25%  {background-color: yellow;}
  50%  {background-color: blue;}
  100% {background-color: green;}
}

/* The element to apply the animation to */
div {
  width: 100px;
  height: 100px;
  background-color: red;
  animation-name: example;
  animation-duration: 4s;
}
web  Development  CSS  learning 
december 2018 by slmeyer

Copy this bookmark:





to read