Translate

Post Your Self

Hello Dearest Gameforumer.com readers

Its your chance to get your news, articles, reviews on board, just use the link: PYS

Thanks and Regards

Friday, January 17, 2020

Top 3 for the day

Top 3 for the day


39 Free Payment Methods & Credit Card Iconsets

Posted: 16 Jan 2020 07:21 AM PST

Icons are essential elements of any e-Commerce website, especially when it comes to payments. The icons allow the website to stay minimalistic, but informative and functional at the same time. These tiny stamps of payment and credit card images can also make your website look more trustworthy, especially when it is up to date with all the latest and alternate payment methods.

In this showcase I have put together 30+ free e-Commerce icon sets for payment method & credit card to enhance your financial projects. Feel free to go to the primary source and download the icon set you like. Just make sure to check the usage license.

20+ Free E-Commerce Icon Sets to Download

20+ Free E-Commerce Icon Sets to Download

Looking for shopping icons for your online business? You’re on the right spot. We have gathered here more... Read more

E-Commerce Icons

#1 @GraphicsFuel

Download file. Available in AI, EPS, SVG, PDF.

ecommerce-icon-set
#2 @WebDesignerDepot

Download file. Available in AI, EPS, PNG.

outline-icons
#3 @Dmitry Karpushin

Download file. Available in EPS.

ecommerce-icons
#4 @IconFinder

Download file. Available in SVG, PNG, AI.

ecommerce-free
#5 @HevnGrafix Creative

Download file. Available in AI, EPS.

purchase-icons
#6 @Epicpxls

Download file. Available in AI, PSD.

shopping
#7 @GraphicsFuel

Download file. Available in AI, PSD, EPS, PNG, SVG.

bank-and-money-icons
#8 @Nikolay Ivanov

Download file. Available in PSD.

banking
#9 @BluGraphic

Download file. Available in AI.

colored-shopping
#10 @Virgil Pana

Download file. Available in PSD.

e-commerce-icons
#11 @EWebDesign

Download file. Available in PNG, PSD, AI, EPS.

free-finance-icons
#12 @GraphicsFuel

Download file. Available in PSD, AI.

ecommerce-line-icons-psd
#13 @CSSWinner

Download file. Available in PNG, PSD, AI, EPS.

free-shopping-icons
#14 @DreamsTale

Download file. Available in AI, EPS, PDF.

ecommerce-vector-icons
#15 @GraphicsFuel

Download file. Available in AI, PNG, SVG.

apps-and-products
#16 @SpeckyBoy

Download file. Available in PNG, SVG.

free-flat-ecommerce
#17 @SpeckyBoy

Download file. Available in AI, SVG.

flat-business-icon
#18 @FreebiesBug

Download file. Available in AI, EPS, PDF, PSD.

sympletts
#19 @DreamsTale

Download file. Available in AI, EPS, PNG.

outline-e-commerce-icons
#20 @GraphicBurger

Download file. Available in PSD.

54-e-commerce-icons
#21 @FreebiesBug

Download file. Available in PSD, AI.

free-ecommerce-icons
#22 @WooCommerce

Available in PNG, AI, SVG. Download file.

free-ecommerce-icons

Credit Card Icons

#23 @ThemeRaid

Download file. Available in AI, PSD.

credit-card-icons
#24 @Tim Parker

Download file. Available in PSD.

icon-cards
#25 @Vilen

Download file. Available in PSD.

credit-card-icon
#26 @Joshua Sortino

Download file. Available in PSD.

credit
#27 @Rob Voets

Download file. Available in PSD.

credit-cards
#28 @DreamsTale

Download file. Available in PNG, EPS.

payment-method
#29 @Carl DeCaire

Download file. Available in PSD.

freebie-credit-card
#30 @Evgeny Seleznev

Download file. Available in PSD.

credit-card-icons
#31 @Bashar Louzon

Download file. Available in PSD.

credit-cards-free
#32 @SketchAppSources

Download file. Available in Sketch.

payment-icon-set
#33 @Bashar Louzon

Download file. Available in PSD.

free-credit-cards
#34 @PSDBlast

Download file. Available in AI, PSD.

debit-card-and-payment

More Icons

#35 @DesignBolts

Download file. Available in PNG, AI.

shopping-icon-set
#36 @Vitaliy Petrushenko

Download file. Available in PSD.

payment-icons
#37 @ThemeRaid

Download file. Available in PSD, AI.

payment-icons-psd
#39 @Medialoot

Download file. Available in PNG, PSD.

card-32px-icons

The post 39 Free Payment Methods & Credit Card Iconsets appeared first on Hongkiat.

20 Cool Things You Won’t Believe Were Built Using CSS

Posted: 16 Jan 2020 05:13 AM PST

Contrary to popular belief, CSS is not only used to provide basic style for a web page in order to make it look more attractive. There are plenty of other things that one can do with CSS as well. With the ability to create animations and interactions, CSS along with HTML and Javascript allow web developers the opportunity to play around and experiment with different methods.

It is as if the web browser is like an empty canvas that they can play around with. Featured here are just 18 examples of the cool and creative things that people have built using CSS. From original characters to interesting animations, there’s plenty to inspire you to mess around with CSS on your own.

6 Cool Image Captions with CSS3

6 Cool Image Captions with CSS3

CSS3 is really powerful. It used to be that we need images or a bunch of JavaScript codelines... Read more

The Simpsons

Chris Pattle created the members of the Simpsons family using only CSS. He took each character’s face, broke it up into smaller shapes then pieced them back together. He even animated the eyes to breathe some life into the characters.

simpson

Minions With Pure CSS

If you can’t get over the Minion craze (courtesy of the ‘Despicable Me‘ movies), you’ll be going bananas for this. Amr Zakaria has created Minions using pure CSS. The Minions come complete with blinking eyes and a friendly wave.

minions

Broken neon sign

This is an amazing example of text-shadow implementation to achieve the broken neon signage effect with CSS. Mouse over to see the lights on the letters ‘c’, ‘n’ and ‘i ‘dim slightly.

css neon

Mmm… Cheese

It’s a simple block of cheese, or is it? Hugo Giraduel created this 3D cheese block using CSS. I don’t know about you but it kind of looks like a certain household item too.

cheese

Single Element CSS character

Another one of Hugo Giraudel’s work. This time, he created an 8-bit character using only one element.

brick character

Long Cat

Resize your browser window and the cat’s body will stretch or compress accordingly with the browser window’s width. How far do you think you can stretch or squash the CSS-kitty?

long cat

Rolling coke Can

Here’s another fun one. When you scroll to the right, slowly, it looks as though you are spinning or rotating the Coke can. An awesome effect done purely with CSS.

coke bottle css

Calculator

This calculator’s design is simple and clean but when combined with Javascript, it gives you a more fun and approachable way to take your calculations further.

calculator

Smooth iOS toogle

This toggle button made by Dan Eden was inspired by the iOS7 toogle. If you try it out for yourself, you’ll be able to see how similiar this is to the original iOS7 toogle button.

ios toogle

Minion

This is another adorable Minion done in the style of a drawing crafted from CSS.

minion

Menu toogle SVG animation

Take a look at the animation’s demo and you will see the smooth transition of the menu shape into another shape.

menu toggle svg

Tesla Truck

Do you believe that this shiny Tesla truck is made of just a single div element? Not to mention that it also has great details with the lighting and the front light. Pretty impressive.

Tesla Truck on dark background

Snow at Night

An animated snow fall. Made with 200 hundreds div and CSS animation. It could be a perfect background for your website during the winter season or Christmas.

Snow at Night

CSS Playing Card

A playing card made entirely with just HTML and CSS even the details like the King’s shirt and the body.

King Card

CSS Heart Switch

A switch UI with a heart shape. You could possibly use it to make your website or app look mores unconventional.

Switch UI in heart shape with pink color

CSS Swinging Christmas Tree

What’s better than a Christmas tree? A swinging Christmas tree made fully with CSS animation. A perfect decoration for your website during Christmas.

Christmas tree swinging

CSS Camper

If you’re not a fan of the Tesla truck, what about this classic VW camper van?

Camper van with pink color

CSS Square Swirl

With Pug templates, SCSS, precission calculation we can make this square swirl.

Swirl in square shape

CSS Multiple Text Shadow

With just CSS we can now also add shadow to text. Not just one but several to make it more alive like below.

multiple text shadow

CSS Rolex

Also it’s not made entirely with HTML and CSS — the clock ticking hands are moved with JavaScript — this fancy Lorex watch detail is just fascinating. That’s make worth into this list.

Rolex watch

The post 20 Cool Things You Won’t Believe Were Built Using CSS appeared first on Hongkiat.

No comments:

Post a Comment

Gameforumer QR Scan

Gameforumer QR Scan
Gameforumer QR Scan