animation-website-headstartcms
API, Apps, Coding, CSS, Directory, HTML, Webdevelopment, Website

Where to get txt animation for my website

Searching in the website hasbro.com and find out that the website has script animation for their products marketing campaign. Where to find the script or code they are using in their website. I search the script from https://greensock.com/SplitText this website will teach you how to use the animation graphics for your website. To get customized done faster you need knowledge…

Continue Reading

CSS

linear-gardient-opencart

Opencart changing my background image using linear-gradient color. This is effective if you want a shadow fade-way color blending in your website Dir: /catalog/view/theme/default/stylesheet.css   <div style=”width: 200px; height: 200px;”></div> div { background: linear-gradient(135deg, red, blue); }

CSS

Sample css onlinebooking

.container-24 { margin-left: auto; margin-right: auto; width: 1200px; }   .front .node { border: 1px solid #E0E3E6; display: block; margin: 15px 0px; padding: 10px 15px; width: auto; }   #views_slideshow_cycle_teaser_section_master_banner-block .views-slideshow-cycle-main-frame-row-item .field-name-body { top: 30%; }   #block-views-best-destination-taxonomy-block .bizbookingimage-destination-title { font-family: “Century Gothic”,CenturyGothic,AppleGothic,sans-serif; font-size: 20px; font-weight: normal; text-transform: uppercase; text-decoration: none; color: #253875; text-align: center; margin-top: 16px; display: block;

CSS

Using background style in CSS

Using background with style is confusing but with the use of the simple tutorial you are guided on how  to create a shadow. background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(black)); background-image: -webkit-gradient(linear, left top, right bottom, from(white), to(black)); background-image: -webkit-gradient(linear, center top, center bottom, from(#fc0000), to(#770000)); background-image: -webkit-gradient(linear, center top, center bottom, from(black), color-stop(50%, white), to(#black));     Other…

Continue Reading

CSS

sample code the getskeleton

Bootstrap Page sample code: <!DOCTYPE html> <html lang=”en”> <head> <title>Bootstrap Example</title> <meta charset=”utf-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <link rel=”stylesheet” href=”http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css”> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js”></script> <script src=”http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js”></script> </head> <body> <div> <div> <h1>My First Bootstrap Page</h1> <p>Resize this responsive page to see the effect!</p> </div> <div> <div> <h3>Column 1</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit…</p> <p>Ut enim ad minim veniam, quis nostrud…

Continue Reading

CSS

How to use the css font in my ftp ?

To use the css front you will be using the link below. 1.) To use the css font only use the check mark ( I’m uploading a font that is legal for web embedding. I checked with the author and/or EULA. ) link: https://www.web-font-generator.com/ 2.) To upload use only the .tff 3.) Create a folder in your ftp. 4.) Then…

Continue Reading

CSS

Using the Webkit CSS properties in my website

-webkit-animation -webkit-animation-delay -webkit-animation-direction -webkit-animation-duration -webkit-animation-fill-mode -webkit-animation-iteration-count -webkit-animation-name -webkit-animation-play-state -webkit-animation-timing-function -webkit-appearance -webkit-backface-visibility -webkit-background-clip -webkit-background-composite -webkit-background-origin -webkit-background-size -webkit-border-bottom-left-radius -webkit-border-bottom-right-radius -webkit-border-horizontal-spacing -webkit-border-image -webkit-border-radius -webkit-border-top-left-radius -webkit-border-top-right-radius -webkit-border-vertical-spacing -webkit-box-align -webkit-box-direction -webkit-box-flex -webkit-box-flex-group -webkit-box-lines -webkit-box-ordinal-group -webkit-box-orient -webkit-box-pack -webkit-box-reflect -webkit-box-shadow -webkit-box-sizing -webkit-column-break-after -webkit-column-break-before -webkit-column-break-inside -webkit-column-count -webkit-column-gap -webkit-column-rule -webkit-column-rule-color -webkit-column-rule-style -webkit-column-rule-width -webkit-column-width -webkit-columns -webkit-dashboard-region -webkit-line-break -webkit-margin-bottom-collapse -webkit-margin-collapse -webkit-margin-start -webkit-margin-top-collapse -webkit-marquee -webkit-marquee-direction -webkit-marquee-increment -webkit-marquee-repetition -webkit-marquee-speed -webkit-marquee-style -webkit-mask -webkit-mask-attachment -webkit-mask-box-image…

Continue Reading

CSS

CSS properties and directories

alignment-adjust alignment-baseline appearance azimuth background background-attachment background-clip background-color background-image background-origin background-position background-repeat background-size baseline-shift bookmark-label bookmark-level bookmark-target border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-clip border-collapse border-color border-image border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-decoration-break box-shadow caption-side clear clip color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width…

Continue Reading

CSS

What is CSS property: -webkit-box-pack ?

For elements whose children are aligned horizontally, a packing value of start indicates left alignment with extra space towards the right side, a value of end indicates right alignment with extra space to the left, a value of center indicates center alignment with extra space split evenly on either side, and a value of justifyindicates that the outer elements should be aligned on the left and right,…

Continue Reading