coding ideas

Elliptical Crop Effect on Image Hover

HTML Free Code Html Free Codes

free teacher worksheets: Elliptical Crop Effect on Image Hover

Older Post Home

templates

******* [coloured word with tooltip description]
******* [video clip comprehension quiz]
******** [completing sentences with words]
******** [matching pictures to labels] [1]
1 question quiz
1 question quiz [25 answers]
10 question quiz [odd one out] [template]
10 question quiz [template]
10 question quiz [template] [*]
100-1 Radio Button Testing
10x10 colouring grid
10x10 grid
10x10 grid [2 columns 2nd blank]
10x10 symmetrical grids
2 column flexible width
2 column format
2 column with radio buttons
2 column with typewriter script on right [square]
3 column format
3 x 3 landscape grid with a picture pile
3x3 grid behind which you can put a picture to then cut up into pieces for slider puzzle
4x4 tooltip [landscape] [template]
4x4 tooltip [square] [template]
5 question quiz
5x5 colouring grid
60% x 40% column quiz questions [basic]
6x6 colouring grid
70% x 30% column quiz questions [basic]
a space
AA round coloured [template]
aligning headings left
alignment
animated clues [what am I] [template] [1]
Animated Quiz [Text]
animated-connections [letters]
animated-connections [letters] [square]
animated-connections [letters] [template]
animated-connections [pictures] [4]
animated-connections [pictures] [template]
animated-connections [words and pictures
animated-connections [words]
animated-pictures-and-text [template]
answer smash
background image
background picture behind grid with picture pile
background picture-grid-coordinates-pictures
background-pictures-to-measure [area-in-decimals]
background-pictures-to-measure [area-in-fractions]
background-pictures-to-measure [area-in-percentages]
blockbuster picture quiz [*****]
blockbuster picture quiz [famous people] [1]
blockbuster picture quiz [template]
blockbuster-picture-quiz [4x4 template]
blockbuster-picture-quiz [template]
blockbuster-word-quiz [4x4 word template]
br
calculator maths puzzles [7-square]
calculator spelling [1]
calculator-frames [11-landscape]
calculator-frames [15-square]
calculator-frames [17-landscape]
calculator-frames [23-square]
calculator-frames [23-square] [example]
calculator-letters [25-square]
calculator-numbers [7-square]
calculator-testing [seasons]
calendar time and date
Click and slide the blue slider to compare two images
co-ordinates picture quiz [1] [template]
co-ordinates picture quiz [2] [template]
coin identification and value
coloured text boxes
coloured-pens [2]
coloured-pens [3]
coloured-pens [4]
coloured-pens [5]
colouring pictures in a maze [template]
colouring words [parts of speech] [template]
colouring-background-grids [10x10] [landscape] [12-colours]
colouring-background-grids [10x10] [square] [12-colours]
colouring-background-grids [3x3] [landscape] [12-colours]
colouring-background-grids [3x3] [square] [12-colours]
colouring-background-grids [4x4] [landscape] [12-colours]
colouring-background-grids [4x4] [square] [12-colours]
colouring-background-grids [5x5] [landscape] [12-colours]
colouring-background-grids [5x5] [square] [12-colours]
colouring-background-grids [6x6] [landscape] [12-colours]
colouring-background-grids [6x6] [square] [12-colours]
colouring-background-grids [7x7] [landscape] [12-colours]
colouring-background-grids [7x7] [square] [12-colours]
colouring-background-grids [8x8] [landscape] [12-colours]
colouring-background-grids [8x8] [square] [12-colours]
colouring-background-grids [9x9] [landscape] [12-colours]
colouring-background-grids [9x9] [square] [12-colours]
colouring-pictures-in-a-maze [names] [a-b-c-d]
colouring-with-crayons [32-landscape] [1-2-3-4]
colouring-with-crayons [round]
colouring-with-crayons-quiz [oblong] [1-100]
colouring-words-in-a-maze [missing-vowels] [A-B-C-D]
colouring-words-in-a-maze [scrambled-letters] [A-B-C-D]
columns
Compare Two Images [square]
completing sentences with pictures [template]
completing sentences with words [template]
comprehension quiz [template]
connect 4 [1a]
connecting 4 pictures [******]
connecting 9 pictures in a grid [I EAT / THEY EAT ME]
connecting arrows
connecting part sentences [seasons equinoxes solstices]
connecting pictures [template]
connecting pictures [template].
connecting pictures and pictures
connecting pictures and text
connecting pictures and text [******] [*]
connecting pictures and text [simple machines] [2]
connecting pictures and text [template]
connecting pictures by colouring [template]
connecting text [template]
connecting text and text
connecting words by colouring [maze template]
connecting words with missing vowels [1]
connecting-20 pictures-in-a-grid [*****]
connecting-words [prefix-meanings-2]
connecting-words [prefix-root-suffix]
connecting-words-in-a-table [****]
connecting-words-in-a-table [******]
continuous slideshow
coordinates which spell.....
counting [snakes and ladders]
creating a random number to [6]
creating calculator sentences [template]
creating sentences [******] [P]
creating sentences [******] [T]
creating sentences [by calculator] [1]
creating sentences [by calculator] [template]
creating sentences [in a grid] [template]
creating sentences in a grid [P]
creating sentences in a grid [T]
creating-compound-words
creating-phrases-and-sayings [appear-on-click]
creating-sentences-in-a-grid [seasons-1] [P]
creating-sentences-in-a-grid [seasons-1] [T]
creating-sentences-onto-a-workmat [+sentence-analysis]
creating-sentences-onto-a-workmat [template]
creating-your-own-wordsearch [********]
creating-your-own-wordsearch [template]
demonstration animation [template]
demonstration pictures [template]
division sign
domino picture [template]
domino picture and text [template]
domino picture set [template] [****]
domino text [template]
drag container
Drop any file here
dropdown-information [template]
duckshoot 1
duckshoot 2
Elliptical Crop Effect on Image Hover
enlarge a picture
Explaining 4 Figure Map Coordinates
filling-in-the-blanks [addition] [template]
filling-in-the-blanks [division] [template]
filling-in-the-blanks [multiplication] [template]
filling-in-the-blanks [subtraction] [template]
finding sentences [template]
finding words [in a wordsearch]
finding words [in a wordsearch] [template]
finding words hidden within a sentence [nouns] [1]
finding words in sentences [template]
finding-things-hidden-in-a-picture [skeleton-parts]
finding-things-hidden-in-a-picture [skeleton-parts2]
finding-words-in-a-wordsearch [clues] [template]
finding-words-in-a-wordsearch [no-words] [template]
finding-words-in-a-wordsearch [no-words2] [template]
finding-words-in-a-wordsearch [template]
flip boxes [answer smash] [alphabetical animals]
flip-boxes [********]
flip-boxes [2-rows-of-3]
flip-boxes [2-rows-of-4]
flip-boxes [2-rows-of-5]
flip-boxes [2-rows-of-6]
flip-boxes [7-rows-of-6]
hidden-picture-grid [12 pairs+1]
hidden-picture-grid [maths] [template]
hidden-picture-grid [what's behind the numbers]
hidden-picture-grid-quiz [flowering-plant-life-cycle]
hidden-pictures [numbers-and-pictures]
hidden-pictures-and-text [ ]
hidden-pictures-and-text-quiz [waterhole]
Horizontal Rules (Line Dividers)
How many squares are unused in the wordsearch
how to enlarge a picture on hover
how to put text on top of a picture
I am not a robot
I am not a robot [pictures]
I am not a robot [pictures] [template]
I am not a robot [pictures] [template] [Richards Junk]
I am not a robot [template] [words]
identifying parts of a picture [template]
identifying parts of a picture [with a blue dot] [template]
identifying pictures by name [template] [1]
identifying pictures with descriptions [template] [2]
iframe for pdf
in code
in code [10 letter words] [seasons]
INFORMATION GOES HERE
information over 1 picture [1]
information over 1 picture [2]
information over background picture [landscape]
information over background picture [landscape] [quiz]
information over pictures [***] [10]
information over pictures [***] [15]
information over pictures [***] [25]
information over pictures [****]
information over pictures [****] [4 in 2x2]
information over pictures [****] [4 in a line]
information over pictures [****] [5 in a line]
information over pictures [****] [6]
information over pictures [****] [8]
information over pictures [*****] [4]
information over pictures [12]
information over pictures [15]
information over pictures [square] [1]
information over pictures [square] [2]
information over pictures [template]
information over pictures [tooltips]
information over pictures comprehension quiz [template]
Instructional News Flash
Instructional News Flash 2
justify-content: center; display: flex
keywords
Labelling [square]
labelling pictures [by textbox] [****]
labelling pictures [by textbox] [template]
labelling pictures [quickly]
labelling pictures [with a blue dot] [***]
labelling pictures with tooltips [descriptions] [1]
labelling pictures with tooltips in a grid [polar habitat]
labelling with a blue dot [] []
labelling with a blue dot [body parts - boy] [1]
labelling with a blue dot [template] [3]
labelling with a numbered blue dot [] []
labelling-pictures-with-words [times] [words-am-pm]
labelling-pictures-with-words [times] [words]
labelling-with-a-blue-dot [*******] [1 pic] [template]
labelling-with-a-blue-dot [16 points of the compass] [1]
labelling-with-a-blue-dot [16 points of the compass] [2]
labelling-with-a-blue-dot [4 points of the compass]
labelling-with-a-blue-dot [8 points of the compass]
labelling-with-a-blue-dot [template]
labelling-with-blue-dot [template] [2 pics]
magnifying glass
map co-ordinates [weather map] [1]
matching compound sentences [template]
matching descriptions to pictures [animals young male female group classification] [1d]
matching picture pairs [template]
matching pictures to labels [famous inventors] [0]
matching pictures to labels [template]
matching-descriptions-to-pictures [3 pictures 10 facts]
matching-descriptions-to-pictures [4 pictures 8 facts]
matching-descriptions-to-pictures [5 pictures 6 facts]
matching-descriptions-to-pictures [6 pictures 6 facts]
matching-descriptions-to-pictures [7 pictures 5 facts]
matching-descriptions-to-pictures [8 pictures 4 facts]
matching-descriptions-to-pictures [9 pictures 3 facts]
matching-pictures [to-top-pictures] [landscape]
matching-pictures-and-text [16-landscape] [app]
matching-pictures-and-text [16-landscape] [dis]
matching-pictures-and-text [20-landscape] [app]
matching-pictures-and-text [25-landscape] [app]
matching-pictures-and-text [25-landscape] [dis]
matching-pictures-and-text [25-square] [app]
matching-pictures-and-text [25-square] [dis]
matching-pictures-and-text [30-landscape] [app]
matching-pictures-and-text [30-landscape] [dis]
matching-pictures-and-text [35-landscape] [app]
matching-pictures-and-text [35-landscape] [dis]
matching-pictures-and-text [35-square] [app]
matching-pictures-and-text [40-landscape] [app]
matching-pictures-and-text [40-landscape] [dis]
matching-pictures-and-text [40-square] [app]
matching-pictures-and-text [42-square] [app]
matching-pictures-and-text-quiz [template]
matching-text [50 pairs] [background-picture]
matching-words-and-pictures [***] [disapp] [landscape]
matching-words-and-pictures [***] [disapp] [square]
maths [number puzzles] [3 + - ]
maths [number puzzles] [3a] [plus]
memory game [6 pairs] [remain] [landscape]
memory-game [*][disappear]
memory-game [10 pairs] [landscape] [disappear]
memory-game [10 pairs] [landscape] [remain]
memory-game [10 pairs] [square] [disappear]
memory-game [10 pairs] [square] [remain]
memory-game [12 pairs] [landscape] [disappear]
memory-game [12 pairs] [landscape] [remain]
memory-game [12 pairs] [remain]
memory-game [12 pairs] [square] [disappear]
memory-game [12 pairs] [square] [remain]
memory-game [14 pairs] [landscape] [disappear]
memory-game [14 pairs] [landscape] [remain]
memory-game [14 pairs] [square] [disappear]
memory-game [14 pairs] [square] [remain]
memory-game [8 pairs] [landscape] [disappear]
memory-game [8 pairs] [landscape] [remain]
memory-game [8 pairs] [square] [disappear]
memory-game [8 pairs] [square] [remain]
message button
Message in Text Box
names [over-a-landscape-picture]
names [over-a-square-picture]
names over-a-square-picture [***]
next in sequence [habitat] [food chains]
notes [over-a-landscape-picture]
notes [over-a-square-picture]
notes over-a-landscape-picture [water-cycle] [1]
notes over-a-landscape-picture [water-cycle] [2]
notes-over-a-landscape-picture [***]
number puzzles [02] [disappearing digits] [12]
number puzzles [03] [totals] [3]
number puzzles [06] [pictures]
number puzzles [3b] [minus]
number puzzles [3c]
number puzzles [3d] [multiply]
number puzzles [3e] [divide]
number puzzles [3f] [multiply] [divide]
number puzzles [3g] [brackets]
odd one out [15] [square] [pictures] [template]
odd one out [25] [landscape] [pictures]
odd one out [25] [landscape] [pictures+words]
odd one out [25] [landscape] [words]
odd one out [25] [square] [pictures]
odd one out [25] [square] [pictures] [template]
odd one out [25] [square] [pictures+words]
odd one out [25] [square] [words]
odd one out [pictures] [****]
odd one out [pictures] [template]
odd one out [words and pictures] []
odd one out [words and pictures] [****]
odd one out [words and pictures] [15]
odd one out [words and pictures] [template]
odd one out [words and pictures] [template] [15]
odd one out [words and pictures] [template] [landscape] [15]
odd one out [words and pictures] [template] [landscape] [21]
odd one out [words and pictures] [template] [square] [15]
odd one out [words and pictures] [template] [square] [21]
odd one out pictures and words [12LD] [******] [1]
odd one out pictures and words [template] [disapp] [landscape]
odd one out pictures and words [template] [disapp] [square]
odd-one-out [compound-words] [template]
odd-one-out-picture-grid [template]
ordering pictures [to specific criteria] [template]
ordering pictures [why that order] [template]
ordering statements [template]
ordering-pictures [*****]
ordering-pictures-in-a-row [3 rows]
ordering-pictures-in-a-row [decimals]
ordering-text-in-a-grid [story]
ordering-words [alphabetically] [in-sentences]
ordering-words-onto-a-workmat [+2nd criteria]
picture-quiz [5-pictures]
pictures in a grid [5x5] [template]
pictures in alphabetical order [template] [landscape]
pictures in alphabetical order [template] [square]
pictures-labelled-by-tooltips [******]
Pop Up Container
Previous and Next Buttons
process of elimination [I am not a robot] [words]
process of elimination by reading clues [prepositions]
putting text over pictures
querty keyboard
Radio buttons
radio buttons [found it-not yet]
Random HTML Paragraph Color on Click
reading and understanding information [******]
reading and understanding information [planets]
reading and understanding information [template]
reading and understanding information quiz [animals] [3]
reading and understanding information quiz [template]
reading-and-following-instructions [directions] [1]
reading-and-following-instructions [directions] [2]
reading-and-following-instructions [directions] [3]
rectangular coloured text template
rectangular coloured word template
redirect to another post after 20 seconds
Redirection to another activity in X seconds
rhyme time
rhyme time [template] [1]
round coloured [template]
round coloured word template
Round corners | shadow
rows
screenshots
shopping basket
sitemap
sitemaps
Slider Puzzle Game [new idea]
Slider Puzzle Pile 3x3 [landscape]
Slider Puzzle Piles 3x3 landscape with square pictures
Slider Puzzle Piles 4x2 [square]
Slider Puzzle Piles 4x3 [square]
Slider Puzzle Piles 4x4 [landscape]
Slider Puzzle Piles 4x4 [square]
Slider Puzzle Piles 4x5 [square]
Slider Puzzle Piles 4x6 [square]
Slider Puzzle Piles 5x4 [landscape]
Slider Puzzle Piles 5x5 [landscape]
Slider Puzzle Piles 6x4 [landscape]
slider puzzle with grid behind
Sliding Puzzle Game [template] [with background grid]
snakes and ladders [template]
solving-calculator-picture-puzzles [addition-1]
solving-calculator-picture-puzzles [addition-2]
solving-calculator-picture-puzzles [addition-3]
solving-calculator-picture-puzzles [division-1]
solving-calculator-picture-puzzles [division-2]
solving-calculator-picture-puzzles [division-3]
solving-calculator-picture-puzzles [multiplication-1]
solving-calculator-picture-puzzles [multiplication-2]
solving-calculator-picture-puzzles [multiplication-3]
solving-calculator-picture-puzzles [subtraction-1]
solving-calculator-picture-puzzles [subtraction-2]
solving-calculator-picture-puzzles [subtraction-3]
sort and connect [dominoes] [template]
sort and connect pictures [template]
sort and connect pictures and text [template]
sorting pictures into 4 blank backgrounds [******] [1]
sorting pictures into 4 blank backgrounds [******] [2]
sorting pictures into 4 blank backgrounds [******] [3]
sorting pictures to a venn diagram 5x5 [landscape]
sorting pictures to Venn Diagrams [****] [2]
sorting pictures to Venn Diagrams [*****] [3]
sorting pictures to Venn Diagrams [************] [1]
sorting pictures to Venn Diagrams [3x3 grid] [2]
sorting pictures to Venn Diagrams [4x4 grid] [3]
sorting pictures to venn diagrams [circles] [1]
sorting words background pictures [] []
sorting words background pictures [****] [12]
sorting-named-pictures-to-4-blank-backgrounds
sorting-pictures [landscape] [1]
sorting-pictures [landscape] [2]
sorting-pictures [landscape] [3]
sorting-pictures [square] [1]
sorting-pictures [square] [2]
sorting-pictures [square] [3]
sorting-pictures-into-6-columns [template]
sorting-sentences [fact-or-opinion]
sorting-sentences [true-or-false]
sorting-text
sorting-text [template]
sorting-text-to-6-columns [template]
sorting-words
sorting-words-into-4-backgrounds [1]
sorting-words-into-4-backgrounds [2]
sorting-words-into-rows [1]
sorting-words-to-pictures [describing]
spelling * letter words beginning with [*] [template]
spelling anagrams [template]
spelling words with missing vowels [template] [1]
spelling words with missing vowels [template] [2]
spelling-with-blue-letters [consonants]
spelling-with-blue-letters [vowels]
spelling-workmat [template]
square coloured word [template]
squared sign
Stop the Watch
stopwatch
stopwatch 2
sudoku [4-1] [template]
sudoku [4-2] [template]
sudoku [4-3] [template]
sudoku [4-4] [template]
sudoku [6-1] [template]
sudoku [6-2] [template]
sudoku [6-3] [template]
sudoku [6-4] [template]
text box
text to a picture [template]
the elephant in the room
thinking-about-alternative-uses-for [plastic-bottles]
time [creating calculator sentences] [explaining pictures] [template]
tooltips over pictures [4 large]
tooltips over pictures [6 do you know]
tooltips over pictures [6 large]
tooltips over pictures [8 large]
tooltips over pictures [Do You Know?]
tooltips over sentences [****]
tooltips-over-pictures-comprehension-quiz [12]
tooltips-over-pictures-comprehension-quiz [16]
tooltips-over-pictures-comprehension-quiz [20]
tooltips-over-pictures-comprehension-quiz [9]
typewriter script
typewriterscript []
venn diagram green-grey
what goes where in html
what-the-picture-shows [calculator sentence]
Where in the World [1]
WHO AM I? [3] [template]
who-what-why-when-where-how [3-picture-quiz]
who-what-why-when-where-how [4-picture-quiz]
word ladder [3 letters] [template]
word ladder [4 letters] [template]
word ladder [5 letters] [template]
writing-an-explanation-by-typing-in [****] [with-tooltips]
writing-storyboards-by-typing-in [*******] [with-tooltips]
zooming slideshow [******]
zooming words [sight words] [template]
zooming-words [template]
zooming-words [used as a slideshow]

Simple theme. Powered by Blogger.